<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>AdminLTE 3 | Dashboard 3</title>

    <!-- Google Font: Source Sans Pro -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
    <!-- Font Awesome Icons -->
    <link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css">
    <!-- IonIcons -->
    <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
    <!-- DataTables -->
    <link rel="stylesheet" href="plugins/datatables-bs4/css/dataTables.bootstrap4.min.css">
    <link rel="stylesheet" href="plugins/datatables-responsive/css/responsive.bootstrap4.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="dist/css/adminlte.min.css">

    <link type="text/css" rel="stylesheet" charset="UTF-8" href="https://translate.googleapis.com/translate_static/css/translateelement.css">
    <script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>
    <script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script>
    <script src="exceljs/Blob.js"></script>

    <script src="exceljs/FileSaver.js"></script>

    <script src="exceljs/tableExport.js"></script>
  </head>
  <!--
`body` tag options:

  Apply one or more of the following classes to to the body tag
  to get the desired effect

  * sidebar-collapse
  * sidebar-mini
-->
  <body class="hold-transition sidebar-mini">
    <div class="wrapper">
      <!-- Navbar -->
      <nav class="main-header navbar navbar-expand navbar-white navbar-light">
        <!-- Left navbar links -->
        <ul class="navbar-nav">
          <li class="nav-item">
            <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
          </li>
          <li class="nav-item d-none d-sm-inline-block">
            <a href="#" class="nav-link">ERP后台管理系统</a>
          </li>
        </ul>
      </nav>
      <!-- 第二行 -->
      <nav class="main-header navbar navbar-expand navbar-white navbar-light">

        <ul id="be_put_in_storage" class="nav  navbar-nav nav-sidebar">
          <li class="nav-item d-none d-sm-inline-block">
            <a href="#" class="nav-link" style="font-size: 20px;">入库管理</a>
          </li>
        </ul>

        <ul id="out_of_stock" class="nav  navbar-nav nav-sidebar" style="display: none;">
          <li class="nav-item d-none d-sm-inline-block">
            <a href="#" class="nav-link" style="font-size: 20px;">出库管理</a>
          </li>
        </ul>

        <ul id="inventory" class="nav  navbar-nav nav-sidebar" style="display: none;">
          <li class="nav-item d-none d-sm-inline-block">
            <a href="#" class="nav-link" style="font-size: 20px;">库存管理</a>
          </li>
        </ul>

        <ul id="allocation" class="nav  navbar-nav nav-sidebar" style="display: none;">
          <li class="nav-item d-none d-sm-inline-block">
            <a href="#" class="nav-link" style="font-size: 20px;">调拨管理</a>
          </li>
        </ul>

        

        <ul id="conversion" class="nav  navbar-nav nav-sidebar" style="display: none;">
          <li class="nav-item d-none d-sm-inline-block">
            <a href="#" class="nav-link" style="font-size: 20px;">货品转换</a>
          </li>
        </ul>

      </nav>
      <!-- /.navbar -->


      <!-- Main Sidebar Container -->
      <aside class="main-sidebar sidebar-dark-primary elevation-4">
        <!-- Brand Logo -->
        <a href="index3.html" class="brand-link">
          <img src="dist/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image img-circle elevation-3" style="opacity: .8">
          <span class="brand-text font-weight-light">管理控制台</span>
        </a>

        <!-- Sidebar -->
        <div class="sidebar">
          <!-- Sidebar user panel (optional) -->
          <div class="user-panel mt-3 pb-3 mb-3 d-flex">
            <div class="image">
              <img src="dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image">
            </div>
            <div class="info">
              <a href="#" class="d-block">Alexander Pierce</a>
            </div>
          </div>

          <!-- SidebarSearch Form -->
          <!-- <div class="form-inline">
        <div class="input-group" data-widget="sidebar-search">
          <input class="form-control form-control-sidebar" type="search" placeholder="Search" aria-label="Search">
          <div class="input-group-append">
            <button class="btn btn-sidebar">
              <i class="fas fa-search fa-fw"></i>
            </button>
          </div>
        </div>
      </div> -->

          <!-- Sidebar Menu -->
          <nav class="mt-2">
            <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
              <!-- Add icons to the links using the .nav-icon class
                     with font-awesome or any other icon font library -->
              <li class="nav-item">
                <a href="#" class="nav-link active">
                  <i class="nav-icon fas fa-home"></i>
                  <p>
                    首页
                    <!-- <i class="right fas fa-angle-left"></i> -->
                  </p>
                </a>
              </li>
              <li class="nav-item">
                <a href="#" class="nav-link">
                  <i class="nav-icon fas fa-cubes"></i>
                  <p>
                    仓库管理
                    <!-- <span class="right badge badge-danger">New</span> -->
                    <i class="fas fa-angle-left right"></i>
                  </p>
                </a>
                <ul class="nav nav-treeview">
                  <li class="nav-item">
                    <a href="#" class="nav-link" onclick="fun1()">
                      <i class="far fa-circle nav-icon"></i>
                      <p>入库管理</p>
                    </a>
                  </li>
                  <li class="nav-item">
                    <a href="#" class="nav-link" onclick="fun2()">
                      <i class="far fa-circle nav-icon"></i>
                      <p>出库管理</p>
                    </a>
                  </li>
                  <li class="nav-item">
                    <a href="#" class="nav-link" onclick="fun3()">
                      <i class="far fa-circle nav-icon"></i>
                      <p>库存管理</p>
                    </a>
                  </li>
                  <li class="nav-item">
                    <a href="#" class="nav-link" onclick="fun4()">
                      <i class="far fa-circle nav-icon"></i>
                      <p>调拨管理</p>
                    </a>
                  </li>
                  
                  <li class="nav-item">
                    <a href="#" class="nav-link" onclick="fun6()" >
                      <i class="far fa-circle nav-icon"></i>
                      <p>货品转换</p>
                    </a>
                  </li>
                </ul>
              </li>
              <li class="nav-item">
                <a href="#" class="nav-link">
                  <i class="nav-icon fas fa-copy"></i>
                  <p>
                    采购管理
                    <i class="fas fa-angle-left right"></i>
                    <!-- <span class="badge badge-info right">6</span> -->
                  </p>
                </a>
                <ul class="nav nav-treeview">
                  <li class="nav-item">
                    <a href="pages/layout/top-nav.html" class="nav-link">
                      <i class="far fa-circle nav-icon"></i>
                      <p>需求单</p>
                    </a>
                  </li>
                  <li class="nav-item">
                    <a href="pages/layout/top-nav-sidebar.html" class="nav-link">
                      <i class="far fa-circle nav-icon"></i>
                      <p>分配需求单</p>
                    </a>
                  </li>
                  <li class="nav-item">
                    <a href="pages/layout/boxed.html" class="nav-link">
                      <i class="far fa-circle nav-icon"></i>
                      <p>采购单</p>
                    </a>
                  </li>
                </ul>
              </li>
              <li class="nav-item">
                <a href="#" class="nav-link">
                  <i class="nav-icon fas fa-industry"></i>
                  <p>
                    销售管理
                    <i class="right fas fa-angle-left"></i>
                  </p>
                </a>
                <ul class="nav nav-treeview">
                  <li class="nav-item">
                    <a href="pages/charts/chartjs.html" class="nav-link">
                      <i class="far fa-circle nav-icon"></i>
                      <p>选货单管理</p>
                    </a>
                  </li>
                  <li class="nav-item">
                    <a href="pages/charts/flot.html" class="nav-link">
                      <i class="far fa-circle nav-icon"></i>
                      <p>打包单管理</p>
                    </a>
                  </li>
                  <li class="nav-item">
                    <a href="pages/charts/inline.html" class="nav-link">
                      <i class="far fa-circle nav-icon"></i>
                      <p>结算单管理</p>
                    </a>
                  </li>
                  <li class="nav-item">
                    <a href="pages/charts/inline.html" class="nav-link">
                      <i class="far fa-circle nav-icon"></i>
                      <p>出库单管理</p>
                    </a>
                  </li>
                </ul>
              </li>
              <li class="nav-item">
                <a href="#" class="nav-link">
                  <i class="nav-icon fas fa-tree"></i>
                  <p>
                    财务管理
                    <i class="fas fa-angle-left right"></i>
                  </p>
                </a>
                <ul class="nav nav-treeview">
                  <li class="nav-item">
                    <a href="pages/UI/general.html" class="nav-link">
                      <i class="far fa-circle nav-icon"></i>
                      <p>客户充值管理</p>
                    </a>
                  </li>
                  <li class="nav-item">
                    <a href="pages/UI/icons.html" class="nav-link">
                      <i class="far fa-circle nav-icon"></i>
                      <p>客户账户管理</p>
                    </a>
                  </li>
                  <li class="nav-item">
                    <a href="pages/UI/buttons.html" class="nav-link">
                      <i class="far fa-circle nav-icon"></i>
                      <p>客户账单管理</p>
                    </a>
                  </li>
                </ul>
              </li>
              <li class="nav-item">
                <a href="#" class="nav-link">
                  <i class="nav-icon fas fa-sitemap"></i>
                  <p>
                    商品管理
                    <i class="fas fa-angle-left right"></i>
                  </p>
                </a>
                <ul class="nav nav-treeview">
                  <li class="nav-item">
                    <a href="pages/forms/general.html" class="nav-link">
                      <i class="far fa-circle nav-icon"></i>
                      <p>产品管理</p>
                    </a>
                  </li>
                  <li class="nav-item">
                    <a href="pages/forms/advanced.html" class="nav-link">
                      <i class="far fa-circle nav-icon"></i>
                      <p>产品关注</p>
                    </a>
                  </li>
                  <li class="nav-item">
                    <a href="pages/forms/editors.html" class="nav-link">
                      <i class="far fa-circle nav-icon"></i>
                      <p>采购定价</p>
                    </a>
                  </li>
                  <li class="nav-item">
                    <a href="pages/forms/validation.html" class="nav-link">
                      <i class="far fa-circle nav-icon"></i>
                      <p>销售定价</p>
                    </a>
                  </li>
                </ul>
              </li>
              <li class="nav-item">
                <a href="#" class="nav-link">
                  <i class="nav-icon fas fa-users"></i>
                  <p>
                    合作管理
                    <i class="fas fa-angle-left right"></i>
                  </p>
                </a>
                <ul class="nav nav-treeview">
                  <li class="nav-item">
                    <a href="pages/tables/simple.html" class="nav-link">
                      <i class="far fa-circle nav-icon"></i>
                      <p>客户管理</p>
                      </p>
                    </a>
                  </li>
                  <li class="nav-item">
                    <a href="pages/tables/data.html" class="nav-link">
                      <i class="far fa-circle nav-icon"></i>
                      <p>供应商管理</p>
                    </a>
                  </li>
                  <li class="nav-item">
                    <a href="pages/tables/jsgrid.html" class="nav-link">
                      <i class="far fa-circle nav-icon"></i>
                      <p>业务员管理</p>
                    </a>
                  </li>
                  <li class="nav-item">
                    <a href="pages/tables/jsgrid.html" class="nav-link">
                      <i class="far fa-circle nav-icon"></i>
                      <p>关注邮箱</p>
                    </a>
                  </li>
                </ul>
              </li>

              <li class="nav-item">
                <a href="pages/calendar.html" class="nav-link">
                  <i class="nav-icon fas fa-database"></i>
                  <p>
                    基础数据
                    <!-- <span class="badge badge-info right">2</span> -->
                    <i class="fas fa-angle-left right"></i>
                  </p>
                </a>
                <ul class="nav nav-treeview">
                  <li class="nav-item">
                    <a href="pages/tables/simple.html" class="nav-link">
                      <i class="far fa-circle nav-icon"></i>
                      <p>区域管理</p>
                      </p>
                    </a>
                  </li>
                  <li class="nav-item">
                    <a href="pages/tables/data.html" class="nav-link">
                      <i class="far fa-circle nav-icon"></i>
                      <p>物料分类</p>
                    </a>
                  </li>
                  <li class="nav-item">
                    <a href="pages/tables/jsgrid.html" class="nav-link">
                      <i class="far fa-circle nav-icon"></i>
                      <p>品类管理</p>
                    </a>
                  </li>
                  <li class="nav-item">
                    <a href="pages/tables/jsgrid.html" class="nav-link">
                      <i class="far fa-circle nav-icon"></i>
                      <p>产品线管理</p>
                    </a>
                  </li>
                </ul>
              </li>
              <li class="nav-item">
                <a href="pages/gallery.html" class="nav-link">
                  <i class="nav-icon far fa-list-alt"></i>
                  <p>
                    表单管理
                    <i class="fas fa-angle-left right"></i>
                  </p>
                </a>
                <ul class="nav nav-treeview">
                  <li class="nav-item">
                    <a href="pages/tables/simple.html" class="nav-link">
                      <i class="far fa-circle nav-icon"></i>
                      <p>表单设计</p>
                      </p>
                    </a>
                  </li>
                  <li class="nav-item">
                    <a href="pages/tables/data.html" class="nav-link">
                      <i class="far fa-circle nav-icon"></i>
                      <p>属性管理</p>
                    </a>
                  </li>
                  <li class="nav-item">
                    <a href="pages/tables/jsgrid.html" class="nav-link">
                      <i class="far fa-circle nav-icon"></i>
                      <p>菜单管理</p>
                    </a>
                  </li>
                </ul>
              </li>
              <li class="nav-item">
                <a href="pages/kanban.html" class="nav-link">
                  <i class="nav-icon fas fa-cogs"></i>
                  <p>
                    系统管理
                    <i class="fas fa-angle-left right"></i>
                  </p>
                </a>
                <ul class="nav nav-treeview">
                  <li class="nav-item">
                    <a href="pages/tables/simple.html" class="nav-link">
                      <i class="far fa-circle nav-icon"></i>
                      <p>用户管理</p>
                    </a>
                  </li>
                  <li class="nav-item">
                    <a href="pages/tables/data.html" class="nav-link">
                      <i class="far fa-circle nav-icon"></i>
                      <p>角色管理</p>
                    </a>
                  </li>
                  <li class="nav-item">
                    <a href="pages/tables/jsgrid.html" class="nav-link">
                      <i class="far fa-circle nav-icon"></i>
                      <p>仓库管理</p>
                    </a>
                  </li>
                  <li class="nav-item">
                    <a href="pages/tables/jsgrid.html" class="nav-link">
                      <i class="far fa-circle nav-icon"></i>
                      <p>导出任务</p>
                    </a>
                  </li>
                </ul>
              </li>
              <li class="nav-item">
                <a href="#" class="nav-link">
                  <i class="nav-icon fas  fa-user"></i>
                  <p>
                    会员管理
                    <i class="fas fa-angle-left right"></i>
                  </p>
                </a>
                <ul class="nav nav-treeview">
                  <li class="nav-item">
                    <a href="pages/mailbox/mailbox.html" class="nav-link">
                      <i class="far fa-circle nav-icon"></i>
                      <p>租户管理</p>
                    </a>
                  </li>
                </ul>
              </li>
            </ul>
          </nav>
          
          <!-- /.sidebar-menu -->
        </div>
        <!-- /.sidebar -->
      </aside>

      <div id="all">
      <!-- 入库管理 -->
      <div class="content-wrapper" id="rkgl" >
        <!-- Content Header (Page header) -->
        <div class="content-header">
          <div style="margin-left:1%;margin-right: 1%;">
            <nav class=" navbar navbar-expand navbar-white navbar-light">
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                  <a href="#" class="nav-link">
                    <i class="fas fa-paw nav-icon"></i>
                    <p>黄金品类</p>
                  </a>
                </li>
                <li class="nav-item d-none d-sm-inline-block">
                  <a href="#" class="nav-link" onclick="fun7()" @click="find_list()">
                    <i class="fas fa-plus nav-icon"></i>
                    <p>新增入库单</p>
                  </a>
                </li>
                <li class="nav-item d-none d-sm-inline-block">
                  <a data-type="xls" href="javascript:;" id="export_rk" class="nav-link" >
                    <i class="fas  fa-random nav-icon" ></i>
                    <p>导出</p>
                  </a>
                </li>
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-4">

              </ul>
              
            </nav>
            <div class="card">
              <!-- /.card-header -->
              <div class="card-body">
                <div id="example1_wrapper" class="dataTables_wrapper dt-bootstrap4">
                  <div class="row">
                    <div class="col-sm-12">
                      <table id="example1" class="table table-bordered table-striped dataTable dtr-inline" role="grid"
                        aria-describedby="example1_info">
                        <thead class="text-center">
                          <tr role="row">
                            <th class="sorting_asc" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-sort="ascending" aria-label="Rendering engine: activate to sort column descending">操作</th>
                            <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-label="Browser: activate to sort column ascending">单号</th>
                            <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-label="Platform(s): activate to sort column ascending">客户</th>
                            <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-label="Engine version: activate to sort column ascending">产品名称</th>
                            <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-label="CSS grade: activate to sort column ascending">表单类型</th>
                            <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-label="Platform(s): activate to sort column ascending">成色</th>
                            <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-label="Platform(s): activate to sort column ascending">重量</th>
                            <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-label="Platform(s): activate to sort column ascending">数量</th>
                            <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-label="Platform(s): activate to sort column ascending">状态</th>
                          </tr>
                        </thead>
                        <tbody class="text-center">
                          <tr v-for="(warehousing,index) in warehousings">
                            <td><a href="#" style="color: black;" @click="delete_rk(warehousing.worder)"><i class="nav-icon fas  fa-trash"></i></a></td>
                            <td><a href="#" onclick="fun12()" @click="detail(warehousing.worder,index)">{{warehousing.worder}}</a></td>
                            <td>{{warehousing.cname}}</td>
                            <td>{{warehousing.pname}}</td>
                            <td>{{warehousing.fname}}</td>
                            <td>{{warehousing.qname}}</td>
                            <td>{{warehousing.weight}}</td>
                            <td>{{warehousing.num}}</td>
                            <td>{{warehousing.status}}</td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- /.content-header -->
      </div>
     <!-- 新增入库 -->
     <div class="content-wrapper" id="xzrk" style="display: none;">
      <!-- Content Header (Page header) -->
      <div class="content-header">
        <div style="margin-left:1%;margin-right: 1%;" >
          <nav class=" navbar navbar-expand navbar-white navbar-light">
            <ul class="navbar-nav nav-sidebar col-sm-4">
              <li class="nav-item d-none d-sm-inline-block">
                <a  class="nav-link" >
                  <i class="fas fa-plus nav-icon"></i>
                  <p>新增入库单</p>
                </a>
              </li>

            </ul>
            <ul class="navbar-nav nav-sidebar col-sm-5">

            </ul>
            <ul class="navbar-nav nav-sidebar col-sm-2">
              <button class="btn btn-primary" @click="insert_rk()"><i class="fas  fa-edit nav-icon"></i>&nbsp;提交</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              <button class="btn btn-primary" onclick="fun1()"><i class="fas  fa-reply nav-icon"></i>&nbsp;取消</button>
            </ul>
            
          </nav>
          <nav class=" navbar navbar-expand navbar-white navbar-light" style="height: 1px;">   
              <hr style="height: 0.1px; width: 100%;background-color: lightgray;">
          </nav>
          <nav class=" navbar navbar-expand navbar-white navbar-light">
            <ul class="navbar-nav nav-sidebar col-sm-4">
              <li class="nav-item d-none d-sm-inline-block">
                <a  class="nav-link">
                  <i class="fas fa-signal nav-icon"></i>
                  <p >基本信息</p>
                </a>
              </li>
            </ul>
          </nav>
          <nav class=" navbar navbar-expand navbar-white navbar-light">
            <ul class="navbar-nav nav-sidebar" >
            <li class="nav-item d-none d-sm-inline-block">
              <a >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;单号:</a>
            </li>
          </ul>   
          <ul class="navbar-nav nav-sidebar col-sm-3">
            <li class="nav-item d-none d-sm-inline-block">
              <input type="text" style="height: 40px; width: 200px;" placeholder="RK****" v-model="worder_rk">
            </li>
          </ul> 
            <ul class="navbar-nav nav-sidebar" >
              <li class="nav-item d-none d-sm-inline-block">
                <a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;品类:</a>
              </li>
            </ul>   
            <ul class="navbar-nav nav-sidebar col-sm-3">
              <li class="nav-item d-none d-sm-inline-block">
                <select class="selectpicker show-tick form-control" style="width: 200px;" v-model="cgname_rk">
                  <option>单品</option>
                  <option>通品</option>
                
                </select>
              </li>
            </ul>  
            <ul class="navbar-nav nav-sidebar  ">
              <li class="nav-item d-none d-sm-inline-block">
                <a>表单类型:</a>
              </li>
            </ul>   
            <ul class="navbar-nav nav-sidebar col-sm-3">
              <li class="nav-item d-none d-sm-inline-block">
                <select class="selectpicker show-tick form-control" style="width: 200px;" v-model="fname_rk">
                  <option>采购入库</option>
                  <option>采购出库</option>
                </select>
              </li>
            </ul>  
        </nav>
        <nav class=" navbar navbar-expand navbar-white navbar-light">
          <ul class="navbar-nav nav-sidebar  ">
              <li class="nav-item d-none d-sm-inline-block">
                <a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;区域:</a>
              </li>
            </ul>   
            <ul class="navbar-nav nav-sidebar col-sm-3">
              <li class="nav-item d-none d-sm-inline-block">
                <select class="selectpicker show-tick form-control" style="width: 200px;" v-model="aname_rk">
                  <option v-for="area in areas">{{area.aname}}</option>
                </select>
              </li>
            </ul>  
          <ul class="navbar-nav nav-sidebar  ">
            <li class="nav-item d-none d-sm-inline-block">
              <a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;客户:</a>
            </li>
          </ul>   
          <ul class="navbar-nav nav-sidebar col-sm-3">
            <li class="nav-item d-none d-sm-inline-block">
              <select class="selectpicker show-tick form-control" style="width: 200px;" v-model="cname_rk">
                <option v-for="cname in cnames">{{cname.cname}}</option>
              </select>
            </li>
          </ul>  
          <ul class="navbar-nav nav-sidebar  ">
            <li class="nav-item d-none d-sm-inline-block">
              <a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;成色:</a>
            </li>
          </ul>   
          <ul class="navbar-nav nav-sidebar col-sm-3">
            <li class="nav-item d-none d-sm-inline-block">
              <select class="selectpicker show-tick form-control" style="width: 200px;" v-model="qname_rk">
                <option>千足金9999</option>
                <option>千足金10000</option>
              </select>
            </li>
          </ul> 
      </nav>
      <nav class=" navbar navbar-expand navbar-white navbar-light">
        <ul class="navbar-nav nav-sidebar" >
          <li class="nav-item d-none d-sm-inline-block">
            <a>产品名称:</a>
          </li>
        </ul>   
        <ul class="navbar-nav nav-sidebar col-sm-3">
          <li class="nav-item d-none d-sm-inline-block">
            <select class="selectpicker show-tick form-control" style="width: 200px;" v-model="pname_rk">
              <option v-for="cgname in cgnames">{{cgname.cgname}}</option>
            </select>
          </li>
        </ul>  
        <ul class="navbar-nav nav-sidebar  ">
          <li class="nav-item d-none d-sm-inline-block">
            <a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;数量:</a>
          </li>
        </ul>   
        <ul class="navbar-nav nav-sidebar col-sm-3">
          <li class="nav-item d-none d-sm-inline-block">
            <input type="text" style="height: 40px; width: 200px;" v-model="num_rk" placeholder="请输入数量">
          </li>
        </ul>  
        <ul class="navbar-nav nav-sidebar  ">
          <li class="nav-item d-none d-sm-inline-block">
            <a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;重量:</a>
          </li>
        </ul>   
        <ul class="navbar-nav nav-sidebar col-sm-3">
          <li class="nav-item d-none d-sm-inline-block">
            <input type="text" style="height: 40px; width: 200px;" v-model="weight_rk" placeholder="请输入重量">
          </li>
        </ul>  
    </nav>
    <nav class=" navbar navbar-expand navbar-white navbar-light">
        <ul class="navbar-nav nav-sidebar" >
          <li class="nav-item d-none d-sm-inline-block">
            <a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;仓库:</a>
          </li>
        </ul>   
        <ul class="navbar-nav nav-sidebar col-sm-3">
          <li class="nav-item d-none d-sm-inline-block">
            <select class="selectpicker show-tick form-control" style="width: 200px;" v-model="sname_rk">
              <option v-for="storehouse in storehouses">{{storehouse.shname}}</option>
            </select>
          </li>
        </ul>  
        <ul class="navbar-nav nav-sidebar  " style="margin-left:1%;">
          <li class="nav-item d-none d-sm-inline-block">
            <a>&nbsp;制单时间:</a>
          </li>
        </ul>   
        <ul class="navbar-nav nav-sidebar col-sm-3">
          <li class="nav-item d-none d-sm-inline-block">
            <input type="datetime-local" class="measureDate" style="height: 40px; width: 200px;" v-model="mtime_rk">
          </li>
        </ul>  

        
        <ul class="navbar-nav nav-sidebar  ">
          <li class="nav-item d-none d-sm-inline-block">
            <a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;制单人:</a>
          </li>
        </ul>   
        <ul class="navbar-nav nav-sidebar col-sm-3">
          <li class="nav-item d-none d-sm-inline-block">
            <input type="text" style="height: 40px; width: 200px;" v-model="mname_rk" placeholder="请输入你的名字">
          </li>
        </ul>  
    </nav>
    <nav class=" navbar navbar-expand navbar-white navbar-light">
        <ul class="navbar-nav nav-sidebar" >
          <li class="nav-item d-none d-sm-inline-block">
            <a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;状态:</a>
          </li>
        </ul>   
        <ul class="navbar-nav nav-sidebar col-sm-3">
          <li class="nav-item d-none d-sm-inline-block">
            <select class="selectpicker show-tick form-control" style="width: 200px;" v-model="status_rk">
              <option>未开始</option>
              <option>成功</option>
              <option>失败</option>
              <option>进行中</option>
            </select>
          </li>
        </ul>   
    </nav>
    <nav class=" navbar navbar-expand navbar-white navbar-light">
      <ul class="navbar-nav nav-sidebar col-sm-4">
        <li class="nav-item d-none d-sm-inline-block">
          <a  class="nav-link">
            <i class="fas fa-signal nav-icon"></i>
            <p>产品信息</p>
          </a>
        </li>
      </ul>
    </nav>
    <div class="card">
      <!-- /.card-header -->
      <div class="card-body">
        <div id="example1_wrapper" class="dataTables_wrapper dt-bootstrap4">
          <div class="row">
            <div class="col-sm-12">
              <table id="example7" class="table table-bordered table-striped dataTable dtr-inline" role="grid"
                aria-describedby="example1_info">
                <thead class="text-center">
                  <tr role="row">
                    <th class="sorting_asc" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-sort="ascending" aria-label="Rendering engine: activate to sort column descending">操作</th>
                            <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-label="Browser: activate to sort column ascending">单号</th>
                            <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-label="Platform(s): activate to sort column ascending">客户</th>
                            <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-label="Engine version: activate to sort column ascending">产品名称</th>
                            <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-label="CSS grade: activate to sort column ascending">表单类型</th>
                            <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-label="Platform(s): activate to sort column ascending">成色</th>
                            <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-label="Platform(s): activate to sort column ascending">重量</th>
                            <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-label="Platform(s): activate to sort column ascending">数量</th>
                            <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-label="Platform(s): activate to sort column ascending">状态</th>
                  </tr>
                </thead>
                <tbody class="text-center">
                  <tr v-for="(warehousing,index) in warehousings">
                            <td><a href="#" style="color: black;" @click="delete_rk(warehousing.worder)"><i class="nav-icon fas  fa-trash"></i></a></td>
                            <td><a href="#" onclick="fun12()" @click="detail(warehousing.worder,index)">{{warehousing.worder}}</a></td>
                            <td>{{warehousing.cname}}</td>
                            <td>{{warehousing.pname}}</td>
                            <td>{{warehousing.fname}}</td>
                            <td>{{warehousing.qname}}</td>
                            <td>{{warehousing.weight}}</td>
                            <td>{{warehousing.num}}</td>
                            <td>{{warehousing.status}}</td>
                          </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
        </div>
      </div>
      <!-- /.content-header -->
      </div>
      <!-- 入库详情 -->
      <div class="content-wrapper" id="rkxq" style="display: none;">
        <!-- Content Header (Page header) -->
        <div class="content-header">
          <div style="margin-left:1%;margin-right: 1%;" >
            <nav class=" navbar navbar-expand navbar-white navbar-light">
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                  <a  class="nav-link">
                    <i class="fas fa-tasks nav-icon"></i>
                    <p>入库单详情</p>
                  </a>
                </li>

                
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-5">
                
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-3">
                <div class="btn-group">
                  <button type="button" class="btn btn-default" @click="last_one()">上一条</button>
                  <button type="button" class="btn btn-default" @click="next_one()">下一条</button>
                  
                </div>
               
              </ul>
              
              
            </nav>
            <nav class=" navbar navbar-expand navbar-white navbar-light" style="height: 1px;">   
                <hr style="height: 0.1px; width: 100%;background-color: lightgray;">
            </nav>
            <nav class=" navbar navbar-expand navbar-white navbar-light">
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                  <a  class="nav-link">
                    <i class="fas fa-signal nav-icon"></i>
                    <p >基本信息</p>
                  </a>
                </li>
              </ul>
            </nav>
            <nav class=" navbar navbar-expand navbar-white navbar-light" > 
              <ul class="navbar-nav nav-sidebar col-sm-4" style="margin-left: 2%;">
                <li class="nav-item d-none d-sm-inline-block" >
                    <p>单号:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details.worder}}</p>
                    
                </li>
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                    <p>品类:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details.cgname}}</p>
                    
                </li>
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                    <p>客户:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details.cname}}</p>
                    
                </li>
              </ul>
            </nav>
            <nav class=" navbar navbar-expand navbar-white navbar-light">
              <ul class="navbar-nav nav-sidebar col-sm-4" style="margin-left: 2%;">
                <li class="nav-item d-none d-sm-inline-block" >
                    <p>表单类型:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details.fname}}</p>
                    
                </li>
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                    <p>区域:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details.aname}}</p>
                    
                </li>
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                    <p>状态:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details.status}}</p>
                    
                </li>
              </ul>
            </nav>
            <nav class=" navbar navbar-expand navbar-white navbar-light">
              <ul class="navbar-nav nav-sidebar col-sm-4" style="margin-left: 2%;">
                <li class="nav-item d-none d-sm-inline-block" >
                    <p>成色:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details.qname}}</p>
                    <p></p>
                </li>
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                    <p>重量:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details.weight}}</p>
                    <p></p>
                </li>
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                    <p>数量:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details.num}}</p>
                    <p></p>
                </li>
              </ul>
            </nav>
            <nav class=" navbar navbar-expand navbar-white navbar-light">
              <ul class="navbar-nav nav-sidebar col-sm-4" style="margin-left: 2%;">
                <li class="nav-item d-none d-sm-inline-block" >
                    <p>产品名称:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details.pname}}</p>
                    
                </li>
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                    <p>仓库:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details.sname}}</p>
                    
                </li>
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                    <p>制单时间:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details.mtime}}</p>
                    
                </li>
              </ul>
            </nav>
            <nav class=" navbar navbar-expand navbar-white navbar-light">
              <ul class="navbar-nav nav-sidebar col-sm-4" style="margin-left: 2%;">
                <li class="nav-item d-none d-sm-inline-block" >
                    <p>制单人:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details.mname}}</p>
                    <p></p>
                </li>
              </ul>
            </nav>
      <div class="card">
        <!-- /.card-header -->
        <div class="card-body">
          <div id="example1_wrapper" class="dataTables_wrapper dt-bootstrap4">
            <div class="row">
              <div class="col-sm-12">
                <table id="example13" class="table table-bordered table-striped dataTable dtr-inline" role="grid"
                  aria-describedby="example1_info">
                  <thead class="text-center">
                    <tr role="row">
                      <th class="sorting_asc" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-sort="ascending" aria-label="Rendering engine: activate to sort column descending">操作</th>
                            <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-label="Browser: activate to sort column ascending">单号</th>
                            <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-label="Platform(s): activate to sort column ascending">客户</th>
                            <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-label="Engine version: activate to sort column ascending">产品名称</th>
                            <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-label="CSS grade: activate to sort column ascending">表单类型</th>
                            <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-label="Platform(s): activate to sort column ascending">成色</th>
                            <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-label="Platform(s): activate to sort column ascending">重量</th>
                            <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-label="Platform(s): activate to sort column ascending">数量</th>
                            <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-label="Platform(s): activate to sort column ascending">状态</th>
                    </tr>
                  </thead>
                  <tbody class="text-center">
                    <tr v-for="(warehousing,index) in warehousings">
                            <td><a href="#" style="color: black;" @click="delete_rk(warehousing.worder)"><i class="nav-icon fas  fa-trash"></i></a></td>
                            <td><a href="#" onclick="fun12()" @click="detail(warehousing.worder,index)">{{warehousing.worder}}</a></td>
                            <td>{{warehousing.cname}}</td>
                            <td>{{warehousing.pname}}</td>
                            <td>{{warehousing.fname}}</td>
                            <td>{{warehousing.qname}}</td>
                            <td>{{warehousing.weight}}</td>
                            <td>{{warehousing.num}}</td>
                            <td>{{warehousing.status}}</td>
                          </tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>
          </div>
        </div>
        <!-- /.content-header -->
      </div>
      <!-- 出库管理 -->
      <div class="content-wrapper" id="ckgl" style="display: none;">
        <!-- Content Header (Page header) -->
        <div class="content-header">
          <div style="margin-left:1%;margin-right: 1%;">
            <nav class=" navbar navbar-expand navbar-white navbar-light">
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                  <a href="#" class="nav-link">
                    <i class="fas fa-paw nav-icon"></i>
                    <p>黄金品类</p>
                  </a>
                </li>
                <li class="nav-item d-none d-sm-inline-block">
                  <a href="#" class="nav-link" onclick="fun8()" @click="find_list()">
                    <i class="fas fa-plus nav-icon" ></i>
                    <p>新增出库单</p>
                  </a>
                </li>
                <li class="nav-item d-none d-sm-inline-block">
                  <a data-type="xls" href="javascript:;" id="export_ck" class="nav-link">
                    <i class="fas  fa-random nav-icon"></i>
                    <p>导出</p>
                  </a>
                </li>
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-4">

              </ul>
              
            </nav>
            <div class="card">
              <!-- /.card-header -->
              <div class="card-body">
                <div id="example1_wrapper" class="dataTables_wrapper dt-bootstrap4">
                  <div class="row">
                    <div class="col-sm-12">
                      <table id="example2" class="table table-bordered table-striped dataTable dtr-inline" role="grid"
                        aria-describedby="example1_info">
                        <thead class="text-center">
                          <tr role="row">
                            <th class="sorting_asc" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-sort="ascending" aria-label="Rendering engine: activate to sort column descending">操作</th>
                            <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-label="Browser: activate to sort column ascending">单号</th>
                            <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-label="Platform(s): activate to sort column ascending">客户</th>
                            <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-label="Engine version: activate to sort column ascending">类型</th>
                            <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-label="CSS grade: activate to sort column ascending">区域</th>
                            <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-label="Platform(s): activate to sort column ascending">状态</th>
                            <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-label="Platform(s): activate to sort column ascending">成色</th>
                            <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-label="Platform(s): activate to sort column ascending">重量</th>
                            <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-label="Platform(s): activate to sort column ascending">数量</th>
                          </tr>
                        </thead>
                        <tbody class="text-center">
                         <tr v-for="(outbound,index) in outbounds">
                            <td><a href="#" style="color: black;" @click="delete_ck(outbound.oborder)"><i class="nav-icon fas  fa-trash"></i></a></td>
                            <td><a href="#" onclick="fun13()" @click="detail_ck(outbound.oborder,index)">{{outbound.oborder}}</a></td>
                            <td>{{outbound.cname}}</td>
                            <td>{{outbound.pname}}</td>
                            <td>{{outbound.fname}}</td>
                            <td>{{outbound.qname}}</td>
                            <td>{{outbound.weight}}</td>
                            <td>{{outbound.num}}</td>
                            <td>{{outbound.status}}</td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- /.content-header -->
      </div>
      <!-- 新增出库 -->
      <div class="content-wrapper" id="xzck" style="display: none;">
        <!-- Content Header (Page header) -->
        <div class="content-header">
          <div style="margin-left:1%;margin-right: 1%;" >
            <nav class=" navbar navbar-expand navbar-white navbar-light">
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                  <a  class="nav-link">
                    <i class="fas fa-plus nav-icon"></i>
                    <p>新增出库单</p>
                  </a>
                </li>

              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-5">

              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-2">
                <button class="btn btn-primary" @click="insert_ck()"><i class="fas  fa-edit nav-icon"></i>&nbsp;提交</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <button class="btn btn-primary" onclick="fun2()"><i class="fas  fa-reply nav-icon"></i>&nbsp;取消</button>
              </ul>
              
            </nav>
            <nav class=" navbar navbar-expand navbar-white navbar-light" style="height: 1px;">   
                <hr style="height: 0.1px; width: 100%;background-color: lightgray;">
            </nav>
            <nav class=" navbar navbar-expand navbar-white navbar-light">
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                  <a  class="nav-link">
                    <i class="fas fa-signal nav-icon"></i>
                    <p >基本信息</p>
                  </a>
                </li>
              </ul>
            </nav>
            <nav class=" navbar navbar-expand navbar-white navbar-light">
            <ul class="navbar-nav nav-sidebar" >
            <li class="nav-item d-none d-sm-inline-block">
              <a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;单号:</a>
            </li>
          </ul>   
          <ul class="navbar-nav nav-sidebar col-sm-3">
            <li class="nav-item d-none d-sm-inline-block">
              <input type="text" style="height: 40px; width: 200px;" placeholder="CK****" v-model="oborder_ck">
            </li>
          </ul> 
            <ul class="navbar-nav nav-sidebar" >
              <li class="nav-item d-none d-sm-inline-block">
                <a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;品类:</a>
              </li>
            </ul>   
            <ul class="navbar-nav nav-sidebar col-sm-3">
              <li class="nav-item d-none d-sm-inline-block">
                <select class="selectpicker show-tick form-control" style="width: 200px;" v-model="cgname_ck">
                  <option>单品</option>
                  <option>通品</option>
                
                </select>
              </li>
            </ul>  
            <ul class="navbar-nav nav-sidebar  ">
              <li class="nav-item d-none d-sm-inline-block">
                <a>表单类型:</a>
              </li>
            </ul>   
            <ul class="navbar-nav nav-sidebar col-sm-3">
              <li class="nav-item d-none d-sm-inline-block">
                <select class="selectpicker show-tick form-control" style="width: 200px;" v-model="fname_ck">
                  <option>销售入库</option>
                  <option>销售退货</option>
                </select>
              </li>
            </ul>  
        </nav>
        <nav class=" navbar navbar-expand navbar-white navbar-light">
          <ul class="navbar-nav nav-sidebar  ">
              <li class="nav-item d-none d-sm-inline-block">
                <a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;区域:</a>
              </li>
            </ul>   
            <ul class="navbar-nav nav-sidebar col-sm-3">
              <li class="nav-item d-none d-sm-inline-block">
                <select class="selectpicker show-tick form-control" style="width: 200px;" v-model="aname_ck">
                  <option v-for="area in areas">{{area.aname}}</option>
                </select>
              </li>
            </ul>  
          <ul class="navbar-nav nav-sidebar  ">
            <li class="nav-item d-none d-sm-inline-block">
              <a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;客户:</a>
            </li>
          </ul>   
          <ul class="navbar-nav nav-sidebar col-sm-3">
            <li class="nav-item d-none d-sm-inline-block">
              <select class="selectpicker show-tick form-control" style="width: 200px;" v-model="cname_ck">
                <option v-for="cname in cnames">{{cname.cname}}</option>
              </select>
            </li>
          </ul>  
          <ul class="navbar-nav nav-sidebar  ">
            <li class="nav-item d-none d-sm-inline-block">
              <a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;成色:</a>
            </li>
          </ul>   
          <ul class="navbar-nav nav-sidebar col-sm-3">
            <li class="nav-item d-none d-sm-inline-block">
              <select class="selectpicker show-tick form-control" style="width: 200px;" v-model="qname_ck">
                <option>千足金9999</option>
                <option>千足金10000</option>
              </select>
            </li>
          </ul> 
      </nav>
      <nav class=" navbar navbar-expand navbar-white navbar-light">
        <ul class="navbar-nav nav-sidebar" >
          <li class="nav-item d-none d-sm-inline-block">
            <a>产品名称:</a>
          </li>
        </ul>   
        <ul class="navbar-nav nav-sidebar col-sm-3">
          <li class="nav-item d-none d-sm-inline-block">
            <select class="selectpicker show-tick form-control" style="width: 200px;" v-model="pname_ck">
              <option v-for="cgname in cgnames">{{cgname.cgname}}</option>
            </select>
          </li>
        </ul>  
        <ul class="navbar-nav nav-sidebar  ">
          <li class="nav-item d-none d-sm-inline-block">
            <a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;数量:</a>
          </li>
        </ul>   
        <ul class="navbar-nav nav-sidebar col-sm-3">
          <li class="nav-item d-none d-sm-inline-block">
            <input type="text" style="height: 40px; width: 200px;" v-model="num_ck" placeholder="请输入数量"> 
          </li>
        </ul>  
        <ul class="navbar-nav nav-sidebar  ">
          <li class="nav-item d-none d-sm-inline-block">
            <a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;重量:</a>
          </li>
        </ul>   
        <ul class="navbar-nav nav-sidebar col-sm-3">
          <li class="nav-item d-none d-sm-inline-block">
            <input type="text" style="height: 40px; width: 200px;" v-model="weight_ck" placeholder="请输入重量">
          </li>
        </ul>  
    </nav>
    <nav class=" navbar navbar-expand navbar-white navbar-light">
        <ul class="navbar-nav nav-sidebar" >
          <li class="nav-item d-none d-sm-inline-block">
            <a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;仓库:</a>
          </li>
        </ul>   
        <ul class="navbar-nav nav-sidebar col-sm-3">
          <li class="nav-item d-none d-sm-inline-block">
            <select class="selectpicker show-tick form-control" style="width: 200px;" v-model="sname_ck">
              <option v-for="storehouse in storehouses">{{storehouse.shname}}</option>
            </select>
          </li>
        </ul>  
        <ul class="navbar-nav nav-sidebar  " style="margin-left:1%;">
          <li class="nav-item d-none d-sm-inline-block">
            <a>&nbsp;制单时间:</a>
          </li>
        </ul>   
        <ul class="navbar-nav nav-sidebar col-sm-3">
          <li class="nav-item d-none d-sm-inline-block">
            <input type="datetime-local" class="measureDate" style="height: 40px; width: 200px;" v-model="mtime_ck">
          </li>
        </ul>  

        
        <ul class="navbar-nav nav-sidebar  ">
          <li class="nav-item d-none d-sm-inline-block">
            <a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;制单人:</a>
          </li>
        </ul>   
        <ul class="navbar-nav nav-sidebar col-sm-3">
          <li class="nav-item d-none d-sm-inline-block">
            <input type="text" style="height: 40px; width: 200px;" v-model="mname_ck" placeholder="请输入你的名字">
          </li>
        </ul>  
    </nav>
    <nav class=" navbar navbar-expand navbar-white navbar-light">
        <ul class="navbar-nav nav-sidebar" >
          <li class="nav-item d-none d-sm-inline-block">
            <a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;状态:</a>
          </li>
        </ul>   
        <ul class="navbar-nav nav-sidebar col-sm-3">
          <li class="nav-item d-none d-sm-inline-block">
            <select class="selectpicker show-tick form-control" style="width: 200px;" v-model="status_ck">
              <option>未开始</option>
              <option>成功</option>
              <option>失败</option>
              <option>进行中</option>
            </select>
          </li>
        </ul>   
    </nav>
      <nav class=" navbar navbar-expand navbar-white navbar-light">
        <ul class="navbar-nav nav-sidebar col-sm-4">
          <li class="nav-item d-none d-sm-inline-block">
            <a  class="nav-link">
              <i class="fas fa-signal nav-icon"></i>
              <p>产品信息</p>
            </a>
          </li>
        </ul>
      </nav>
      <div class="card">
        <!-- /.card-header -->
        <div class="card-body">
          <div id="example1_wrapper" class="dataTables_wrapper dt-bootstrap4">
            <div class="row">
              <div class="col-sm-12">
                <table id="example8" class="table table-bordered table-striped dataTable dtr-inline" role="grid"
                  aria-describedby="example1_info">
                  <thead class="text-center">
                    <tr role="row">
                      <th class="sorting_asc" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-sort="ascending" aria-label="Rendering engine: activate to sort column descending">操作</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Browser: activate to sort column ascending">产品信息</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">产品名称</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Engine version: activate to sort column ascending">编码</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="CSS grade: activate to sort column ascending">客户</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">区域</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">成色</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">重量</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">数量</th>
                    </tr>
                  </thead>
                  <tbody class="text-center">
                    <tr v-for="(outbound,index) in outbounds">
                            <td><a href="#" style="color: black;" ><i class="nav-icon fas  fa-trash"></i></a></td>
                            <td><a href="#" onclick="fun13()" @click="detail_ck(outbound.oborder,index)">{{outbound.oborder}}</a></td>
                            <td>{{outbound.cname}}</td>
                            <td>{{outbound.pname}}</td>
                            <td>{{outbound.fname}}</td>
                            <td>{{outbound.qname}}</td>
                            <td>{{outbound.weight}}</td>
                            <td>{{outbound.num}}</td>
                            <td>{{outbound.status}}</td>
                          </tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>
          </div>
        </div>
        <!-- /.content-header -->
      </div>
      <!-- 出库详情 -->
      <div class="content-wrapper" id="ckxq" style="display: none;">
        <!-- Content Header (Page header) -->
        <div class="content-header">
          <div style="margin-left:1%;margin-right: 1%;" >
            <nav class=" navbar navbar-expand navbar-white navbar-light">
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                  <a  class="nav-link">
                    <i class="fas fa-tasks nav-icon"></i>
                    <p>出库单详情</p>
                  </a>
                </li>

                
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-5">
                
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-3">
                <div class="btn-group">
                  <button type="button" class="btn btn-default" @click="last_one_ck()">上一条</button>
                  <button type="button" class="btn btn-default" @click="next_one_ck()">下一条</button>
                  
                </div>
               
              </ul>
              
              
            </nav>
            <nav class=" navbar navbar-expand navbar-white navbar-light" style="height: 1px;">   
                <hr style="height: 0.1px; width: 100%;background-color: lightgray;">
            </nav>
            <nav class=" navbar navbar-expand navbar-white navbar-light">
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                  <a  class="nav-link">
                    <i class="fas fa-signal nav-icon"></i>
                    <p >基本信息</p>
                  </a>
                </li>
              </ul>
            </nav>
            <nav class=" navbar navbar-expand navbar-white navbar-light" > 
              <ul class="navbar-nav nav-sidebar col-sm-4" style="margin-left: 2%;">
                <li class="nav-item d-none d-sm-inline-block" >
                    <p>单号:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details_ck.oborder}}</p>
                    
                </li>
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                    <p>品类:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details_ck.cgname}}</p>
                    
                </li>
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                    <p>客户:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details_ck.cname}}</p>
                    
                </li>
              </ul>
            </nav>
            <nav class=" navbar navbar-expand navbar-white navbar-light">
              <ul class="navbar-nav nav-sidebar col-sm-4" style="margin-left: 2%;">
                <li class="nav-item d-none d-sm-inline-block" >
                    <p>表单类型:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details_ck.fname}}</p>
                    
                </li>
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                    <p>区域:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details_ck.aname}}</p>
                    
                </li>
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                    <p>状态:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details_ck.status}}</p>
                    
                </li>
              </ul>
            </nav>
            <nav class=" navbar navbar-expand navbar-white navbar-light">
              <ul class="navbar-nav nav-sidebar col-sm-4" style="margin-left: 2%;">
                <li class="nav-item d-none d-sm-inline-block" >
                    <p>成色:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details_ck.qname}}</p>
                    <p></p>
                </li>
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                    <p>重量:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details_ck.weight}}</p>
                    <p></p>
                </li>
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                    <p>数量:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details_ck.num}}</p>
                    <p></p>
                </li>
              </ul>
            </nav>
            <nav class=" navbar navbar-expand navbar-white navbar-light">
              <ul class="navbar-nav nav-sidebar col-sm-4" style="margin-left: 2%;">
                <li class="nav-item d-none d-sm-inline-block" >
                    <p>产品名称:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details_ck.pname}}</p>
                    
                </li>
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                    <p>仓库:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details_ck.sname}}</p>
                    
                </li>
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                    <p>制单时间:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details_ck.mtime}}</p>
                    
                </li>
              </ul>
            </nav>
            <nav class=" navbar navbar-expand navbar-white navbar-light">
              <ul class="navbar-nav nav-sidebar col-sm-4" style="margin-left: 2%;">
                <li class="nav-item d-none d-sm-inline-block" >
                    <p>制单人:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details_ck.mname}}</p>
                    <p></p>
                </li>
              </ul>
            </nav>
            <nav class=" navbar navbar-expand navbar-white navbar-light">
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                  <a  class="nav-link">
                    <i class="fas fa-signal nav-icon"></i>
                    <p >出库信息</p>
                  </a>
                </li>
              </ul>
            </nav>
      <div class="card">
        <!-- /.card-header -->
        <div class="card-body">
          <div id="example1_wrapper" class="dataTables_wrapper dt-bootstrap4">
            <div class="row">
              <div class="col-sm-12">
                <table id="example14" class="table table-bordered table-striped dataTable dtr-inline" role="grid"
                  aria-describedby="example1_info">
                  <thead class="text-center">
                    <tr role="row">
                      <th class="sorting_asc" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-sort="ascending" aria-label="Rendering engine: activate to sort column descending">操作</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Browser: activate to sort column ascending">单号</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">客户</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Engine version: activate to sort column ascending">类型</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="CSS grade: activate to sort column ascending">区域</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">状态</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">成色</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">重量</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">数量</th>
                    </tr>
                  </thead>
                  <tbody class="text-center">
                    <tr v-for="(outbound,index) in outbounds">
                            <td><a href="#" style="color: black;" @click="delete_ck(outbound.oborder)"><i class="nav-icon fas  fa-trash"></i></a></td>
                            <td><a href="#" onclick="fun13()" @click="detail_ck(outbound.oborder,index)">{{outbound.oborder}}</a></td>
                            <td>{{outbound.cname}}</td>
                            <td>{{outbound.pname}}</td>
                            <td>{{outbound.fname}}</td>
                            <td>{{outbound.qname}}</td>
                            <td>{{outbound.weight}}</td>
                            <td>{{outbound.num}}</td>
                            <td>{{outbound.status}}</td>
                          </tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>
          </div>
        </div>
        <!-- /.content-header -->
      </div>
      <!-- 库存管理 -->
      <div class="content-wrapper" id="kcgl" style="display: none;">
        <!-- Content Header (Page header) -->
        <div class="content-header">
          <div style="margin-left:1%;margin-right: 1%;" >
            <nav class=" navbar navbar-expand navbar-white navbar-light">
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                  <a href="#" class="nav-link">
                    <i class="fas fa-paw nav-icon"></i>
                    <p>黄金品类</p>
                  </a>
                </li>

                
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-5">
                
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-2">
                <div class="btn-group">
                  <button type="button" class="btn btn-default"  onclick="fun17()" @click="detail_pp()">全部</button>
                  <button type="button" class="btn btn-default" v-model="hpzh_dp" onclick="fun15()" @click="detail_dp()">单品</button>
                  <button type="button" class="btn btn-default" v-model="hpzh_tp" onclick="fun16()" @click="detail_tp()">通品</button>
                </div>
                
              </ul>
              
              
            </nav>
            
            
      <div class="card">
        <!-- /.card-header -->
        <div class="card-body">
          <div id="example1_wrapper" class="dataTables_wrapper dt-bootstrap4">
            <div class="row">
              <div class="col-sm-12" id="pp">
                <table id="example3" class="table table-bordered table-striped dataTable dtr-inline" role="grid"
                  aria-describedby="example1_info">
                  <thead class="text-center">
                    <tr role="row">
                      <th class="sorting_asc" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-sort="ascending" aria-label="Rendering engine: activate to sort column descending">操作</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Browser: activate to sort column ascending">单号</th>
                        <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">客户</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">产品名称</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Engine version: activate to sort column ascending">仓库</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="CSS grade: activate to sort column ascending">区域</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">成色</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">类型</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">重量</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">数量</th>
                    </tr>
                  </thead>
                  <tbody class="text-center" >
                    <tr v-for="(warehousing,index) in warehousings">
                        <td><a href="#" style="color: black;" @click="delete_rk(warehousing.worder)"><i class="nav-icon fas  fa-trash"></i></a></td>
                        <td><a href="#" onclick="fun18()" @click="detail(warehousing.worder,index)">{{warehousing.worder}}</a></td>
                        <td>{{warehousing.cname}}</td>
                        <td>{{warehousing.pname}}</td>
                        <td>{{warehousing.sname}}</td>
                        <td>{{warehousing.aname}}</td>
                        <td>{{warehousing.qname}}</td>
                        <td>{{warehousing.cgname}}</td>
                        <td>{{warehousing.weight}}</td>
                        <td>{{warehousing.num}}</td>
                      </tr>
                  </tbody>
                </table>
              </div>
              <div class="col-sm-12" id="dp" style="display: none;">
                <table id="example17" class="table table-bordered table-striped dataTable dtr-inline" role="grid"
                  aria-describedby="example1_info">
                  <thead class="text-center">
                    <tr role="row">
                      <th class="sorting_asc" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-sort="ascending" aria-label="Rendering engine: activate to sort column descending">操作</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Browser: activate to sort column ascending">单号</th>
                        <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">客户</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">产品名称</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Engine version: activate to sort column ascending">仓库</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="CSS grade: activate to sort column ascending">区域</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">成色</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">类型</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">重量</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">数量</th>
                    </tr>
                  </thead>
                  <tbody class="text-center" >
                    <tr v-for="(details_dp,key) in details_dps">
                        <td><a href="#" @click="hpzh(details_dp.worder)" style="color: black;" ><i class="nav-icon fas fa-spinner"></i></a></td>
                        
                        <td><a href="#" onclick="fun18()" v-model="details_dp.worder" @click="detail(details_dp.worder)">{{details_dp.worder}}</a></td>
                        <td>{{details_dp.cname}}</td>
                        <td>{{details_dp.pname}}</td>
                        <td>{{details_dp.sname}}</td>
                        <td>{{details_dp.aname}}</td>
                        <td>{{details_dp.qname}}</td>
                        <td>{{details_dp.cgname}}</td>
                        <td>{{details_dp.weight}}</td>
                        <td>{{details_dp.num}}</td>
                      </tr>
                  </tbody>
                </table>
              </div>
              
              <div class="col-sm-12" id="tp" style="display: none;">
                <table id="example18" class="table table-bordered table-striped dataTable dtr-inline" role="grid"
                  aria-describedby="example1_info">
                  <thead class="text-center">
                    <tr role="row">
                      <th class="sorting_asc" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-sort="ascending" aria-label="Rendering engine: activate to sort column descending">操作</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Browser: activate to sort column ascending">单号</th>
                        <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">客户</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">产品名称</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Engine version: activate to sort column ascending">仓库</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="CSS grade: activate to sort column ascending">区域</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">成色</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">类型</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">重量</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">数量</th>
                    </tr>
                  </thead>
                  <tbody class="text-center" >
                    <tr v-for="details_tp in details_tps">
                        <td><a href="#" style="color: black;" @click="hpzhtp(details_tp.worder)"><i class="nav-icon fas  fa-spinner"></i></a></td>
                        <td><a href="#" onclick="fun18()" v-model="details_tp.worder" @click="detail(details_tp.worder)">{{details_tp.worder}}</a></td>
                        <td>{{details_tp.cname}}</td>
                        <td>{{details_tp.pname}}</td>
                        <td>{{details_tp.sname}}</td>
                        <td>{{details_tp.aname}}</td>
                        <td>{{details_tp.qname}}</td>
                        <td>{{details_tp.cgname}}</td>
                        <td>{{details_tp.weight}}</td>
                        <td>{{details_tp.num}}</td>
                      </tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>
          </div>
        </div>
        <!-- /.content-header -->
      </div>
    <!-- 库存详情 -->
    <div class="content-wrapper" id="kcxq" style="display: none;">
        <!-- Content Header (Page header) -->
        <div class="content-header">
          <div style="margin-left:1%;margin-right: 1%;" >
            <nav class=" navbar navbar-expand navbar-white navbar-light">
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                  <a  class="nav-link">
                    <i class="fas fa-tasks nav-icon"></i>
                    <p>库存详情页</p>
                  </a>
                </li>
              </ul>
            </nav>
            <nav class=" navbar navbar-expand navbar-white navbar-light" style="height: 1px;">   
                <hr style="height: 0.1px; width: 100%;background-color: lightgray;">
            </nav>
            <nav class=" navbar navbar-expand navbar-white navbar-light">
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                  <a  class="nav-link">
                    <i class="fas fa-signal nav-icon"></i>
                    <p >基本信息</p>
                  </a>
                </li>
              </ul>
            </nav>
            <nav class=" navbar navbar-expand navbar-white navbar-light" > 
              <ul class="navbar-nav nav-sidebar col-sm-4" style="margin-left: 2%;">
                <li class="nav-item d-none d-sm-inline-block" >
                    <p>单号:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details.worder}}</p>
                    
                </li>
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                    <p>品类:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details.cgname}}</p>
                    
                </li>
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;客户:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details.cname}}</p>
                    
                </li>
              </ul>
            </nav>
            <nav class=" navbar navbar-expand navbar-white navbar-light">
              <ul class="navbar-nav nav-sidebar col-sm-4" style="margin-left: 2%;">
                <li class="nav-item d-none d-sm-inline-block" >
                    <p>表单类型:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details.fname}}</p>
                    
                </li>
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                    <p>区域:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details.aname}}</p>
                    
                </li>
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-4" style="margin-left: 2%;">
                <li class="nav-item d-none d-sm-inline-block" >
                    <p>成色:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details.qname}}</p>
                    <p></p>
                </li>
              </ul>
            </nav>
            <nav class=" navbar navbar-expand navbar-white navbar-light">
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;仓库:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details.sname}}</p>
                    
                </li>
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;重量:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details.weight}}</p>
                    <p></p>
                </li>
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;数量:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details.num}}</p>
                    <p></p>
                </li>
              </ul>
            </nav>
            <nav class=" navbar navbar-expand navbar-white navbar-light">
              <ul class="navbar-nav nav-sidebar col-sm-4" style="margin-left: 2%;">
                <li class="nav-item d-none d-sm-inline-block" >
                    <p>产品名称:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details.pname}}</p>
                    
                </li>
              </ul>
              
              
            </nav>
           
      <div class="card">
        <!-- /.card-header -->
        <div class="card-body">
          <div id="example1_wrapper" class="dataTables_wrapper dt-bootstrap4">
            <div class="row">
              <div class="col-sm-12">
                <table id="example16" class="table table-bordered table-striped dataTable dtr-inline" role="grid"
                  aria-describedby="example1_info">
                  <thead class="text-center">
                    <tr role="row">
                      <th class="sorting_asc" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-sort="ascending" aria-label="Rendering engine: activate to sort column descending">操作</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Browser: activate to sort column ascending">单号</th>
                        <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">客户</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">产品名称</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Engine version: activate to sort column ascending">仓库</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="CSS grade: activate to sort column ascending">区域</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">成色</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">类型</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">重量</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">数量</th>
                    </tr>
                  </thead>
                  <tbody class="text-center">
                    <tr v-for="(warehousing,index) in warehousings">
                        <td><a href="#" style="color: black;" @click="delete_rk(warehousing.worder)"><i class="nav-icon fas  fa-trash"></i></a></td>
                        <td><a href="#" onclick="fun18()" @click="detail(warehousing.worder,index)">{{warehousing.worder}}</a></td>
                        <td>{{warehousing.cname}}</td>
                        <td>{{warehousing.pname}}</td>
                        <td>{{warehousing.sname}}</td>
                        <td>{{warehousing.aname}}</td>
                        <td>{{warehousing.qname}}</td>
                        <td>{{warehousing.cgname}}</td>
                        <td>{{warehousing.weight}}</td>
                        <td>{{warehousing.num}}</td>
                      </tr>
                    
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>
          </div>
        </div>
        <!-- /.content-header -->
      </div>
      <!-- 调拨管理 -->
      <div class="content-wrapper" id="dbgl" style="display: none;">
        <!-- Content Header (Page header) -->
        <div class="content-header">
          <div style="margin-left:1%;margin-right: 1%;">
            <nav class=" navbar navbar-expand navbar-white navbar-light">
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                  <a href="#" class="nav-link">
                    <i class="fas fa-paw nav-icon"></i>
                    <p>黄金品类</p>
                  </a>
                </li>
                <li class="nav-item d-none d-sm-inline-block">
                  <a href="#" class="nav-link" onclick="fun9()" @click="find_list()">
                    <i class="fas fa-plus nav-icon"></i>
                    <p>新增调拨单</p>
                  </a>
                </li>
                <li class="nav-item d-none d-sm-inline-block">
                  <a data-type="xls" href="javascript:;" id="export_db" class="nav-link">
                    <i class="fas  fa-random nav-icon"></i>
                    <p>导出</p>
                  </a>
                </li>
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-4">

              </ul>
              
            </nav>
            <div class="card">
              <!-- /.card-header -->
              <div class="card-body">
                <div id="example1_wrapper" class="dataTables_wrapper dt-bootstrap4">
                  <div class="row">
                    <div class="col-sm-12">
                      <table id="example4" class="table table-bordered table-striped dataTable dtr-inline" role="grid"
                        aria-describedby="example1_info">
                        <thead class="text-center">
                          <tr role="row">
                            <th class="sorting_asc" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-sort="ascending" aria-label="Rendering engine: activate to sort column descending">操作</th>
                            <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-label="Browser: activate to sort column ascending">单号</th>
                            <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-label="Platform(s): activate to sort column ascending">仓库</th>
                            <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-label="Engine version: activate to sort column ascending">部门</th>
                            <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-label="CSS grade: activate to sort column ascending">产品名称</th>
                            <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-label="Platform(s): activate to sort column ascending">重量</th>
                            <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-label="Platform(s): activate to sort column ascending">数量</th>
                            <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-label="Platform(s): activate to sort column ascending">调拨时间</th>
                            <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                              aria-label="Platform(s): activate to sort column ascending">状态</th>
                          </tr>
                        </thead>
                        <tbody class="text-center">
                          <tr v-for="(allocation,index) in allocations">
                            <td><a href="#" style="color: black;" @click="delete_db(allocation.aorder)"><i class="nav-icon fas  fa-trash"></i></a></td>
                            <td><a href="#" onclick="fun14()" @click="detail_db(allocation.aorder,index)">{{allocation.aorder}}</a></td>
                            <td>{{allocation.sname}}</td>
                            <td>{{allocation.dname}}</td>
                            <td>{{allocation.pname}}</td>
                            <td>{{allocation.weight}}</td>
                            <td>{{allocation.num}}</td>
                            <td>{{allocation.atime}}</td>
                            <td>{{allocation.status}}</td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- /.content-header -->
      </div>
      <!-- 新增调拨 -->
      <div class="content-wrapper" id="xzdb" style="display: none;">
        <!-- Content Header (Page header) -->
        <div class="content-header">
          <div style="margin-left:1%;margin-right: 1%;" >
            <nav class=" navbar navbar-expand navbar-white navbar-light">
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                  <a  class="nav-link">
                    <i class="fas fa-plus nav-icon"></i>
                    <p>新增调拨单</p>
                  </a>
                </li>

              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-5">

              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-2">
                <button class="btn btn-primary" @click="insert_db()"><i class="fas  fa-edit nav-icon"></i>&nbsp;提交</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <button class="btn btn-primary" onclick="fun4()"><i class="fas  fa-reply nav-icon"></i>&nbsp;取消</button>
              </ul>
              
            </nav>
            <nav class=" navbar navbar-expand navbar-white navbar-light" style="height: 1px;">   
                <hr style="height: 0.1px; width: 100%;background-color: lightgray;">
            </nav>
            <nav class=" navbar navbar-expand navbar-white navbar-light">
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                  <a  class="nav-link">
                    <i class="fas fa-signal nav-icon"></i>
                    <p >基本信息</p>
                  </a>
                </li>
              </ul>
            </nav>
            <nav class=" navbar navbar-expand navbar-white navbar-light">
            <ul class="navbar-nav nav-sidebar" >
            <li class="nav-item d-none d-sm-inline-block">
              <a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;单号:</a>
            </li>
          </ul>   
          <ul class="navbar-nav nav-sidebar col-sm-3">
            <li class="nav-item d-none d-sm-inline-block">
              <input type="text" style="height: 40px; width: 200px;" placeholder="DB****" v-model="aorder_db">
            </li>
          </ul> 
            <ul class="navbar-nav nav-sidebar" >
              <li class="nav-item d-none d-sm-inline-block">
                <a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;品类:</a>
              </li>
            </ul>   
            <ul class="navbar-nav nav-sidebar col-sm-3">
              <li class="nav-item d-none d-sm-inline-block">
                <select class="selectpicker show-tick form-control" style="width: 200px;" v-model="cgname_db">
                  <option>单品</option>
                  <option>通品</option>
                
                </select>
              </li>
            </ul>  
            <ul class="navbar-nav nav-sidebar  ">
              <li class="nav-item d-none d-sm-inline-block">
                <a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;仓库:</a>
              </li>
            </ul>   
            <ul class="navbar-nav nav-sidebar col-sm-3">
              <li class="nav-item d-none d-sm-inline-block">
                <select class="selectpicker show-tick form-control" style="width: 200px;" v-model="sname_db">
                  <option v-for="storehouse in storehouses">{{storehouse.shname}}</option>
                </select>
              </li>
            </ul>  
        </nav>
        <nav class=" navbar navbar-expand navbar-white navbar-light">
          <ul class="navbar-nav nav-sidebar  ">
              <li class="nav-item d-none d-sm-inline-block">
                <a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;部门:</a>
              </li>
            </ul>   
            <ul class="navbar-nav nav-sidebar col-sm-3">
              <li class="nav-item d-none d-sm-inline-block">
                <select class="selectpicker show-tick form-control" style="width: 200px;" v-model="dname_db">
                  <option v-for="department in departments">{{department.dname}}</option>
                </select>
              </li>
            </ul>  
          <ul class="navbar-nav nav-sidebar  ">
            <li class="nav-item d-none d-sm-inline-block">
              <a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;成色:</a>
            </li>
          </ul>   
          <ul class="navbar-nav nav-sidebar col-sm-3">
            <li class="nav-item d-none d-sm-inline-block">
              <select class="selectpicker show-tick form-control" style="width: 200px;" v-model="qname_db">
                <option>千足金9999</option>
                <option>千足金10000</option>
              </select>
            </li>
          </ul>  
          <ul class="navbar-nav nav-sidebar  ">
          <li class="nav-item d-none d-sm-inline-block">
            <a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;重量:</a>
          </li>
        </ul>   
        <ul class="navbar-nav nav-sidebar col-sm-3">
          <li class="nav-item d-none d-sm-inline-block">
            <input type="text" style="height: 40px; width: 200px;" v-model="weight_db" placeholder="请输入重量">
          </li>
        </ul>  
      </nav>
      <nav class=" navbar navbar-expand navbar-white navbar-light">
        
        <ul class="navbar-nav nav-sidebar  ">
          <li class="nav-item d-none d-sm-inline-block">
            <a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;数量:</a>
          </li>
        </ul>   
        <ul class="navbar-nav nav-sidebar col-sm-3">
          <li class="nav-item d-none d-sm-inline-block">
            <input type="text" style="height: 40px; width: 200px;" v-model="num_db" placeholder="请输入数量">
          </li>
        </ul>  
        <ul class="navbar-nav nav-sidebar" >
          <li class="nav-item d-none d-sm-inline-block">
            <a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;产品名称:</a>
          </li>
        </ul>   
        <ul class="navbar-nav nav-sidebar col-sm-3">
          <li class="nav-item d-none d-sm-inline-block">
            <select class="selectpicker show-tick form-control" style="width: 200px;" v-model="pname_db">
              <option v-for="cgname in cgnames">{{cgname.cgname}}</option>
            </select>
          </li>
        </ul>  
        <ul class="navbar-nav nav-sidebar" >
          <li class="nav-item d-none d-sm-inline-block">
            <a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;状态:</a>
          </li>
        </ul>   
        <ul class="navbar-nav nav-sidebar col-sm-3">
          <li class="nav-item d-none d-sm-inline-block">
            <select class="selectpicker show-tick form-control" style="width: 200px;" v-model="status_db">
              <option>未开始</option>
              <option>成功</option>
              <option>失败</option>
              <option>进行中</option>
            </select>
          </li>
        </ul>  
    </nav>
    <nav class=" navbar navbar-expand navbar-white navbar-light">
        
        <ul class="navbar-nav nav-sidebar  " style="margin-left:1%;" >
          <li class="nav-item d-none d-sm-inline-block">
            <a>&nbsp;调拨时间:</a>
          </li>
        </ul>   
        <ul class="navbar-nav nav-sidebar col-sm-3">
          <li class="nav-item d-none d-sm-inline-block">
            <input type="datetime-local" class="measureDate" style="height: 40px; width: 200px;" v-model="atime_db">
          </li>
        </ul>  
        <ul class="navbar-nav nav-sidebar  " style="margin-left:1%;">
          <li class="nav-item d-none d-sm-inline-block">
            <a>&nbsp;制单时间:</a>
          </li>
        </ul>   
        <ul class="navbar-nav nav-sidebar col-sm-3">
          <li class="nav-item d-none d-sm-inline-block">
            <input type="datetime-local" class="measureDate" style="height: 40px; width: 200px;" v-model="mtime_db">
          </li>
        </ul>  
        
        <ul class="navbar-nav nav-sidebar  ">
          <li class="nav-item d-none d-sm-inline-block">
            <a>制单人:</a>
          </li>
        </ul>   
        <ul class="navbar-nav nav-sidebar col-sm-3">
          <li class="nav-item d-none d-sm-inline-block">
            <input type="text" style="height: 40px; width: 200px;" v-model="mname_db" placeholder="请输入你的名字">
          </li>
        </ul>  
    </nav>

      <nav class=" navbar navbar-expand navbar-white navbar-light">
        <ul class="navbar-nav nav-sidebar col-sm-4">
          <li class="nav-item d-none d-sm-inline-block">
            <a  class="nav-link">
              <i class="fas fa-signal nav-icon"></i>
              <p>产品信息</p>
            </a>
          </li>
        </ul>
      </nav>
      <div class="card">
        <!-- /.card-header -->
        <div class="card-body">
          <div id="example1_wrapper" class="dataTables_wrapper dt-bootstrap4">
            <div class="row">
              <div class="col-sm-12">
                <table id="example9" class="table table-bordered table-striped dataTable dtr-inline" role="grid"
                  aria-describedby="example1_info">
                  <thead class="text-center">
                    <tr role="row">
                      <th class="sorting_asc" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-sort="ascending" aria-label="Rendering engine: activate to sort column descending">操作</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Browser: activate to sort column ascending">单号</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">仓库</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Engine version: activate to sort column ascending">部门</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="CSS grade: activate to sort column ascending">产品名称</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">重量</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">数量</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">调拨时间</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">状态</th>
                    </tr>
                  </thead>
                  <tbody class="text-center">
                    <tr v-for="(allocation,index) in allocations">
                            <td><a href="#" style="color: black;" @click="delete_db(allocation.aorder)"><i class="nav-icon fas  fa-trash"></i></a></td>
                            <td><a href="#" onclick="fun14()" @click="detail_db(allocation.aorder,index)">{{allocation.aorder}}</a></td>
                            <td>{{allocation.sname}}</td>
                            <td>{{allocation.dname}}</td>
                            <td>{{allocation.pname}}</td>
                            <td>{{allocation.weight}}</td>
                            <td>{{allocation.num}}</td>
                            <td>{{allocation.atime}}</td>
                            <td>{{allocation.status}}</td>
                          </tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>
          </div>
        </div>
        <!-- /.content-header -->
      </div>
      <!-- 调拨详情 -->
      <div class="content-wrapper" id="dbxq" style="display: none;">
        <!-- Content Header (Page header) -->
        <div class="content-header">
          <div style="margin-left:1%;margin-right: 1%;" >
            <nav class=" navbar navbar-expand navbar-white navbar-light">
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                  <a  class="nav-link">
                    <i class="fas fa-tasks nav-icon"></i>
                    <p>调拨单详情</p>
                  </a>
                </li>

                
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-5">
                
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-3">
                <div class="btn-group">
                  <button type="button" class="btn btn-default" @click="last_one_db()">上一条</button>
                  <button type="button" class="btn btn-default" @click="next_one_db()">下一条</button>
                  
                </div>
               
              </ul>
             
              
            </nav>
            <nav class=" navbar navbar-expand navbar-white navbar-light" style="height: 1px;">   
                <hr style="height: 0.1px; width: 100%;background-color: lightgray;">
            </nav>
            <nav class=" navbar navbar-expand navbar-white navbar-light">
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                  <a  class="nav-link">
                    <i class="fas fa-signal nav-icon"></i>
                    <p >基本信息</p>
                  </a>
                </li>
              </ul>
            </nav>
            <nav class=" navbar navbar-expand navbar-white navbar-light" > 
              <ul class="navbar-nav nav-sidebar col-sm-4" style="margin-left: 2%;">
                <li class="nav-item d-none d-sm-inline-block" >
                    <p>单号:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details_db.aorder}}</p>
                    
                </li>
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                    <p>品类:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details_db.cgname}}</p>
                    
                </li>
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                    <p>仓库:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details_db.sname}}</p>
                    
                </li>
              </ul>
            </nav>
            <nav class=" navbar navbar-expand navbar-white navbar-light">
              <ul class="navbar-nav nav-sidebar col-sm-4" style="margin-left: 2%;">
                <li class="nav-item d-none d-sm-inline-block" >
                    <p>产品名称:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details_db.pname}}</p>
                    
                </li>
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                    <p>部门:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details_db.dname}}</p>
                    
                </li>
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                    <p>成色:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details_db.qname}}</p>
                    
                </li>
              </ul>
            </nav>
            <nav class=" navbar navbar-expand navbar-white navbar-light">
              <ul class="navbar-nav nav-sidebar col-sm-4" style="margin-left: 2%;">
                <li class="nav-item d-none d-sm-inline-block" >
                    <p>重量:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details_db.weight}}</p>
                    <p></p>
                </li>
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                    <p>数量:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details_db.num}}</p>
                    <p></p>
                </li>
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                    <p>状态:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details_db.status}}</p>
                    <p></p>
                </li>
              </ul>
            </nav>
            <nav class=" navbar navbar-expand navbar-white navbar-light">
              <ul class="navbar-nav nav-sidebar col-sm-4" style="margin-left: 2%;">
                <li class="nav-item d-none d-sm-inline-block" >
                    <p>调拨时间:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details_db.atime}}</p>
                    
                </li>
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                    <p>仓库人:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details_db.mname}}</p>
                    
                </li>
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                    <p>制单时间:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{details_db.mtime}}</p>
                    
                </li>
              </ul>
            </nav>
            <nav class=" navbar navbar-expand navbar-white navbar-light">
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                  <a  class="nav-link">
                    <i class="fas fa-signal nav-icon"></i>
                    <p>调拨信息</p>
                  </a>
                </li>
              </ul>
            </nav>
      <div class="card">
        <!-- /.card-header -->
        <div class="card-body">
          <div id="example1_wrapper" class="dataTables_wrapper dt-bootstrap4">
            <div class="row">
              <div class="col-sm-12">
                <table id="example15" class="table table-bordered table-striped dataTable dtr-inline" role="grid"
                  aria-describedby="example1_info">
                  <thead class="text-center">
                    <tr role="row">
                      <th class="sorting_asc" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-sort="ascending" aria-label="Rendering engine: activate to sort column descending">操作</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Browser: activate to sort column ascending">单号</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">仓库</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Engine version: activate to sort column ascending">部门</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="CSS grade: activate to sort column ascending">产品名称</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">重量</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">数量</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">调拨时间</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">状态</th>
                    </tr>
                  </thead>
                  <tbody class="text-center">
                    <tr v-for="(allocation,index) in allocations">
                            <td><a href="#" style="color: black;" @click="delete_db(allocation.aorder)"><i class="nav-icon fas  fa-trash"></i></a></td>
                            <td><a href="#" onclick="fun14()" @click="detail_db(allocation.aorder,index)">{{allocation.aorder}}</a></td>
                            <td>{{allocation.sname}}</td>
                            <td>{{allocation.dname}}</td>
                            <td>{{allocation.pname}}</td>
                            <td>{{allocation.weight}}</td>
                            <td>{{allocation.num}}</td>
                            <td>{{allocation.atime}}</td>
                            <td>{{allocation.status}}</td>
                          </tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>
          </div>
        </div>
        <!-- /.content-header -->
      </div>
      <!-- 货品转换 -->
      <div class="content-wrapper" id="hpzh" style="display: none;">
        <!-- Content Header (Page header) -->
        <div class="content-header">
          <div style="margin-left:1%;margin-right: 1%;">
            <nav class=" navbar navbar-expand navbar-white navbar-light">
              <ul class="navbar-nav nav-sidebar col-sm-4">
                <li class="nav-item d-none d-sm-inline-block">
                  <a href="#" class="nav-link">
                    <i class="fas fa-paw nav-icon"></i>
                    <p>黄金品类</p>
                  </a>
                </li>
                
                
              </ul>
              <ul class="navbar-nav nav-sidebar col-sm-4">

              </ul>
              
            </nav>
            <div class="card">
              <!-- /.card-header -->
              <div class="card-body">
                <div id="example1_wrapper" class="dataTables_wrapper dt-bootstrap4">
                  <div class="row">
                     <div class="col-sm-12">
                <table id="example6" class="table table-bordered table-striped dataTable dtr-inline" role="grid"
                  aria-describedby="example1_info">
                  <thead class="text-center">
                    <tr role="row">
                      <th class="sorting_asc" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-sort="ascending" aria-label="Rendering engine: activate to sort column descending">操作</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Browser: activate to sort column ascending">单号</th>
                        <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">客户</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">产品名称</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Engine version: activate to sort column ascending">仓库</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="CSS grade: activate to sort column ascending">区域</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">成色</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">类型</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">重量</th>
                      <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1"
                        aria-label="Platform(s): activate to sort column ascending">数量</th>
                    </tr>
                  </thead>
                  <tbody class="text-center" >
                    <tr v-for="(dp,key) in dps">
                        <td><a href="#" @click="hpzh(dp.worder)" style="color: black;" ><i class="nav-icon fas fa-spinner"></i></a></td>
                        
                        <td><a href="#" onclick="fun18()" v-model="dp.worder" @click="detail(dp.worder)">{{dp.worder}}</a></td>
                        <td>{{dp.cname}}</td>
                        <td>{{dp.pname}}</td>
                        <td>{{dp.sname}}</td>
                        <td>{{dp.aname}}</td>
                        <td>{{dp.qname}}</td>
                        <td>{{dp.cgname}}</td>
                        <td>{{dp.weight}}</td>
                        <td>{{dp.num}}</td>
                      </tr>
                  </tbody>
                </table>
              </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- /.content-header -->
      </div>
</div>
      <!-- Control Sidebar -->
      <aside class="control-sidebar control-sidebar-dark">
        <!-- Control sidebar content goes here -->
      </aside>
      <!-- /.control-sidebar -->

      <!-- Main Footer -->
      <footer class="main-footer">
        <strong>Copyright &copy; 2014-2020 <a href="https://adminlte.io">AdminLTE.io</a>.</strong>
        All rights reserved.
        <div class="float-right d-none d-sm-inline-block">
          <b>Version</b> 3.1.0-pre
        </div>
      </footer>
    </div>
    <!-- ./wrapper -->

    <!-- REQUIRED SCRIPTS -->

    <!-- jQuery -->
    <script src="plugins/jquery/jquery.min.js"></script>
    <!-- Bootstrap -->
    <script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
    <!-- AdminLTE -->
    <script src="dist/js/adminlte.js"></script>

    <!-- OPTIONAL SCRIPTS -->
    <script src="plugins/chart.js/Chart.min.js"></script>
    <!-- AdminLTE for demo purposes -->
    <script src="dist/js/demo.js"></script>
    <!-- AdminLTE dashboard demo (This is only for demo purposes) -->
    <script src="dist/js/pages/dashboard3.js"></script>
    <!-- DataTables -->
    <script src="plugins/datatables/jquery.dataTables.min.js"></script>
    <script src="plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
    <script src="plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
    <script src="plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>
   <!-- <script src="dist/js/adminlte.min.js"></script> -->
    <!-- page script -->
    <script>
      $(function() {
        $("#example1").DataTable({
          "responsive": true,
          "autoWidth": false,
        });
        $('#example2').DataTable({
          "responsive": true,
          "autoWidth": false,
        });
        $('#example3').DataTable({
          "responsive": true,
          "autoWidth": false,
        });
        $('#example4').DataTable({
          "responsive": true,
          "autoWidth": false,
        });
        $('#example5').DataTable({
          "responsive": true,
          "autoWidth": false,
        });
        $('#example6').DataTable({
          "responsive": true,
          "autoWidth": false,
        });
        $('#example7').DataTable({
          "responsive": true,
          "autoWidth": false,
        });
        $('#example8').DataTable({
          "responsive": true,
          "autoWidth": false,
        });
        $('#example9').DataTable({
          "responsive": true,
          "autoWidth": false,
        });
        $('#example10').DataTable({
          "responsive": true,
          "autoWidth": false,
        });
        $('#example11').DataTable({
          "responsive": true,
          "autoWidth": false,
        });
        $('#example12').DataTable({
          "responsive": true,
          "autoWidth": false,
        });
        $('#example13').DataTable({
          "responsive": true,
          "autoWidth": false,
        });
        $('#example14').DataTable({
          "responsive": true,
          "autoWidth": false,
        });
        $('#example15').DataTable({
            "responsive": true,
            "autoWidth": false,
          });
        $('#example16').DataTable({
            "responsive": true,
            "autoWidth": false,
          });
        $('#example17').DataTable({
            "responsive": true,
            "autoWidth": false,
          });
        $('#example18').DataTable({
            "responsive": true,
            "autoWidth": false,
          });
      });
    </script>
    <script>
      //显示入库管理
      function fun1() {
        document.getElementById("be_put_in_storage").style.display = "";
        document.getElementById("out_of_stock").style.display = "none";
        document.getElementById("inventory").style.display = "none";
        document.getElementById("allocation").style.display = "none";
        document.getElementById("conversion").style.display = "none";
        document.getElementById("rkgl").style.display = "";
        document.getElementById("ckgl").style.display = "none";
        document.getElementById("kcgl").style.display = "none";
        document.getElementById("dbgl").style.display = "none";
        document.getElementById("hpzh").style.display = "none";
        document.getElementById("rkxq").style.display = "none";
        document.getElementById("ckxq").style.display = "none";
        document.getElementById("dbxq").style.display = "none";
        document.getElementById("kcxq").style.display = "none";
        alldisplay();
      }
      //显示出库管理
      function fun2() {
        document.getElementById("be_put_in_storage").style.display = "none";
        document.getElementById("out_of_stock").style.display = "";
        document.getElementById("inventory").style.display = "none";
        document.getElementById("allocation").style.display = "none";
        document.getElementById("conversion").style.display = "none";
        document.getElementById("rkgl").style.display = "none";
        document.getElementById("ckgl").style.display = "";
        document.getElementById("kcgl").style.display = "none";
        document.getElementById("dbgl").style.display = "none";
        document.getElementById("hpzh").style.display = "none";
        document.getElementById("rkxq").style.display = "none";
        document.getElementById("ckxq").style.display = "none";
        document.getElementById("dbxq").style.display = "none";
        document.getElementById("kcxq").style.display = "none";
        alldisplay();
      }
      //显示库存管理
      function fun3() {
        document.getElementById("be_put_in_storage").style.display = "none";
        document.getElementById("out_of_stock").style.display = "none";
        document.getElementById("inventory").style.display = "";
        document.getElementById("allocation").style.display = "none";
        document.getElementById("conversion").style.display = "none";
        document.getElementById("rkgl").style.display = "none";
        document.getElementById("ckgl").style.display = "none";
        document.getElementById("kcgl").style.display = "";
        document.getElementById("dbgl").style.display = "none";
        
        document.getElementById("hpzh").style.display = "none";
        document.getElementById("rkxq").style.display = "none";
        document.getElementById("ckxq").style.display = "none";
        document.getElementById("dbxq").style.display = "none";
        document.getElementById("kcxq").style.display = "none";
        alldisplay();
      }
      //显示调拨管理
      function fun4() {
        document.getElementById("be_put_in_storage").style.display = "none";
        document.getElementById("out_of_stock").style.display = "none";
        document.getElementById("inventory").style.display = "none";
        document.getElementById("allocation").style.display = "";
        document.getElementById("conversion").style.display = "none";
        document.getElementById("rkgl").style.display = "none";
        document.getElementById("ckgl").style.display = "none";
        document.getElementById("kcgl").style.display = "none";
        document.getElementById("dbgl").style.display = "";
        
        document.getElementById("hpzh").style.display = "none";
        document.getElementById("rkxq").style.display = "none";
        document.getElementById("ckxq").style.display = "none";
        document.getElementById("dbxq").style.display = "none";
        document.getElementById("kcxq").style.display = "none";
        alldisplay();
      }
      
      //显示货品转换
      function fun6() {
        document.getElementById("be_put_in_storage").style.display = "none";
        document.getElementById("out_of_stock").style.display = "none";
        document.getElementById("inventory").style.display = "none";
        document.getElementById("allocation").style.display = "none";
        document.getElementById("conversion").style.display = "";
        document.getElementById("rkgl").style.display = "none";
        document.getElementById("ckgl").style.display = "none";
        document.getElementById("kcgl").style.display = "none";
        document.getElementById("dbgl").style.display = "none";
        document.getElementById("hpzh").style.display = "";
        document.getElementById("rkxq").style.display = "none";
        document.getElementById("ckxq").style.display = "none";
        document.getElementById("dbxq").style.display = "none";
        document.getElementById("kcxq").style.display = "none";
        
        alldisplay();
      }
      //显示新增入库
      function fun7() {
        document.getElementById("rkgl").style.display = "none";
        document.getElementById("xzrk").style.display = "";
      }
      //显示新增出库
      function fun8() {
        document.getElementById("ckgl").style.display = "none";
        document.getElementById("xzck").style.display = "";
      }
      //显示新增调拨
      function fun9() {
        document.getElementById("dbgl").style.display = "none";
        document.getElementById("xzdb").style.display = "";
      }
     
      //显示入库详情
      function fun12() {
        alldisplay();
        document.getElementById("rkxq").style.display = "";
        document.getElementById("rkgl").style.display = "none";
        document.getElementById("ckgl").style.display = "none";
        document.getElementById("ckxq").style.display = "none";
        document.getElementById("dbxq").style.display = "none";
        document.getElementById("dbgl").style.display = "none";
        document.getElementById("kcxq").style.display = "none";
        document.getElementById("hpzh").style.display = "none";
      }
       //显示出库详情
       function fun13() {
        alldisplay();
        document.getElementById("rkxq").style.display = "none";
        document.getElementById("rkgl").style.display = "none";
        document.getElementById("ckgl").style.display = "none";
        document.getElementById("ckxq").style.display = "";
        document.getElementById("dbxq").style.display = "none";
        document.getElementById("dbgl").style.display = "none";
        document.getElementById("kcxq").style.display = "none";
        document.getElementById("hpzh").style.display = "none";
      }
      //显示调拨详情
      function fun14() {
        alldisplay();
        document.getElementById("rkxq").style.display = "none";
        document.getElementById("rkgl").style.display = "none";
        document.getElementById("ckgl").style.display = "none";
        document.getElementById("ckxq").style.display = "none";
        document.getElementById("dbxq").style.display = "";
        document.getElementById("dbgl").style.display = "none";
        document.getElementById("kcxq").style.display = "none";
        document.getElementById("hpzh").style.display = "none";
      }
    //显示库存详情
      function fun18() {
        alldisplay();
        document.getElementById("rkxq").style.display = "none";
        document.getElementById("rkgl").style.display = "none";
        document.getElementById("ckgl").style.display = "none";
        document.getElementById("ckxq").style.display = "none";
        document.getElementById("dbxq").style.display = "none";
        document.getElementById("dbgl").style.display = "none";
        document.getElementById("kcgl").style.display = "none";
        document.getElementById("kcxq").style.display = "";
        document.getElementById("hpzh").style.display = "none";
        
      }
    //显示单品
      function fun15() {
    	  document.getElementById("dp").style.display = "";
    	  document.getElementById("tp").style.display = "none";
    	  document.getElementById("pp").style.display = "none";
        }
    //显示通品
      function fun16() {
          document.getElementById("dp").style.display = "none";
          document.getElementById("tp").style.display = "";
          document.getElementById("pp").style.display = "none";
        }
    //显示通品
      function fun17() {
          document.getElementById("dp").style.display = "none";
          document.getElementById("tp").style.display = "none";
          document.getElementById("pp").style.display = "";
        }
    
      //隐藏所有新增*
      function alldisplay() {
        document.getElementById("xzrk").style.display = "none";
        document.getElementById("xzck").style.display = "none";
        document.getElementById("xzdb").style.display = "none";
      }
    </script>
    <script>
      var ttindex=0;
       new Vue({
           el:"#all",
           
           data:{
               warehousings:[],
               details:[],
               outbounds:[],
               details_ck:[],
               allocations:[],
               details_db:[],
               areas:[],
               cnames:[],
               cgnames:[],
               storehouses:[],
               departments:[],
               details_dps:[],
               details_tps:[],
               dps:[],
               warehousing:[],
               //入库信息获取
               worder_rk:"",
               cgname_rk:"",
               cname_rk:"",
               fname_rk:"",
               aname_rk:"",
               status_rk:"",
               qname_rk:"",
               weight_rk:"",
               num_rk:"",
               pname_rk:"",
               sname_rk:"",
               mtime_rk:"",
               mname_rk:"",
           	   //入库信息获取
               oborder_ck:"",
               cgname_ck:"",
               cname_ck:"",
               fname_ck:"",
               aname_ck:"",
               status_ck:"",
               qname_ck:"",
               weight_ck:"",
               num_ck:"",
               pname_ck:"",
               sname_ck:"",
               mtime_ck:"",
               mname_ck:"",
               //调拨信息获取
               aorder_db:"",
               cgname_db:"",
               sname_db:"",
               dname_db:"",
               qname_db:"",
               weight_db:"",
               num_db:"",
               status_db:"",
               pname_db:"",
               atime_db:"",
               mname_db:"", 
               mtime_db:"",
               hpzh_dp:"单品",
               hpzh_tp:"通品",
               details_dp:"",
               details_tp:"",
               dp:""
           },
        //当页面记载完毕时 
        mounted(){
               axios.get('warehousing/find')
               .then(res =>{
                   console.info(res.data);
                   this.warehousings=res.data;
               }),
               
               axios.get('outbound/find')
                   .then(res =>{
                       console.info(res.data);
                       this.outbounds=res.data;
               }),
               axios.get('allocation/find')
               .then(res =>{
                   console.info(res.data);
                   this.allocations=res.data;
               }),
               axios.get('warehousing/cgname',{
            	   params: { 
                       cgname: "单品"
                    }
               })
               .then(res =>{
                   console.info(res.data);
                   this.dps=res.data;
                   
               })
               
        },
        methods:{
            detail:function(warehousing,index){
             ttindex=index;
             this.warehousing=this.warehousings[index];
               axios.get('warehousing/detail',{
                   params: { 
                       worder: warehousing
                    }
               })
               .then(res =>{
                  
                   console.info(res.data);
                   this.details=res.data[0];
                   //alert(this.details.fname);
                   
               })
            },
            detail_ck:function(outbound,index){
            	ttindex=index;
                this.outbound=this.outbounds[index];
                axios.get('outbound/detail',{
                    params: { 
                        oborder: outbound
                     }
                })
                .then(res =>{
                   
                    console.info(res.data);
                    this.details_ck=res.data[0];
                    
                })
             },
             detail_db:function(allocation,index){
            	 ttindex=index;
            	 this.allocation=this.allocations[index];
                 axios.get('allocation/detail',{
                     params: { 
                         aorder: allocation
                      }
                 })
                 .then(res =>{
                    
                     console.info(res.data);
                     this.details_db=res.data[0];
                     
                 })
              },
              find_list:function(){
                  axios.get('area/findArea')
                  .then(res =>{
                      console.info(res.data);
                      this.areas=res.data;
                  }),
                  axios.get('client/findcname')
                  .then(res =>{
                      console.info(res.data);
                      this.cnames=res.data;
                  }),
                  axios.get('category/findcgname')
                  .then(res =>{
                      console.info(res.data);
                      this.cgnames=res.data;
                  }),
                  axios.get('storehouse/find')
                  .then(res =>{
                      console.info(res.data);
                      this.storehouses=res.data;
                  }),
                  axios.get('department/find')
                  .then(res =>{
                      console.info(res.data);
                      this.departments=res.data;
                  })
              },
              insert_rk:function(){
                  axios.get('warehousing/insert',{
                      params: { 
                          worder:this.worder_rk,
                          cgname:this.cgname_rk,
                          cname:this.cname_rk,
                          fname:this.fname_rk,
                          aname:this.aname_rk,
                          status:this.status_rk,
                          qname:this.qname_rk,
                          weight:this.weight_rk,
                          num:this.num_rk,
                          pname:this.pname_rk,
                          sname:this.sname_rk,
                          mtime:this.mtime_rk,
                          mname:this.mname_rk 
                       }
                  })
                  .then(res =>{
                     
                      console.info(res.data);
                      if(res.data=="success"){
                          alert("提交成功");
                      }else{
                          alert("提交失败")
                      }
                      
                  })
               },
               insert_ck:function(){
                   axios.get('outbound/insert',{
                       params: { 
                           oborder:this.oborder_ck,
                           cgname:this.cgname_ck,
                           cname:this.cname_ck,
                           fname:this.fname_ck,
                           aname:this.aname_ck,
                           status:this.status_ck,
                           qname:this.qname_ck,
                           weight:this.weight_ck,
                           num:this.num_ck,
                           pname:this.pname_ck,
                           sname:this.sname_ck,
                           mtime:this.mtime_ck,
                           mname:this.mname_ck 
                        }
                   })
                   .then(res =>{
                      
                       console.info(res.data);
                       if(res.data=="success"){
                           alert("提交成功");
                       }else{
                           alert("提交失败")
                       }
                       
                   })
                },
                insert_db:function(){
                    axios.get('allocation/insert',{
                        params: { 
                            aorder:this.aorder_db,
                            cgname:this.cgname_db,
                            sname:this.sname_db,
                            dname:this.dname_db,
                            qname:this.qname_db,
                            weight:this.weight_db,
                            num:this.num_db,
                            status:this.status_db,
                            pname:this.pname_db,
                            atime:this.atime_db,
                            mname:this.mname_db,
                            mtime:this.mtime_db
                         }
                    })
                    .then(res =>{
                        console.info(res.data);
                        if(res.data=="success"){
                            alert("提交成功");
                        }else{
                            alert("提交失败")
                        }
                        
                    })
                 },
                 detail_dp:function(){
                     axios.get('warehousing/cgname',{
                         params: { 
                             cgname: this.hpzh_dp
                          }
                     })
                     .then(res =>{
                         console.info(res.data);
                         this.details_dps=res.data;
                         
                     })
                  },
                  detail_tp:function(){
                      axios.get('warehousing/cgname',{
                          params: { 
                              cgname: this.hpzh_tp
                           }
                      })
                      .then(res =>{
                          console.info(res.data);
                          this.details_tps=res.data;
                          
                      })
                   },
                   detail_pp:function(){
                	   axios.get('warehousing/find')
                       .then(res =>{
                           console.info(res.data);
                           this.warehousings=res.data;
                       })
                   },
                   hpzh:function(details_dp){
                	   //alert(details_dp);
                	   axios.get('warehousing/update',{
                           params: { 
                               worder: details_dp
                            }
                       })
                       .then(res =>{
                           console.info(res.data);
                           var dps=this.dps;
                           //var details_dp=this.details_dp
                           if(res.data=="success"){
                        	   alert("转换成功");
                        	   for(var i=0;i<dps.length;i++){
                                   var b=dps[i];
                                   if(b.worder==details_dp){
                                       dps.splice(i,1);
                                       //重新赋值
                                       this.dps=dps;
                                       this.details_dps=dps;
                                       break;
                                   }
                               }
                           }else{
                        	   alert("转换失败")
                           }
                       })
                   },
                   hpzhtp:function(details_tp){
                       //alert(details_tp);
                       axios.get('warehousing/update_tp',{
                           params: { 
                               worder: details_tp
                            }
                       })
                       .then(res =>{
                           console.info(res.data);
                           var details_tps=this.details_tps
                           if(res.data=="success"){
                               alert("转换成功");
                               for(var i=0;i<details_tps.length;i++){
                                   var b=details_tps[i];
                                   if(b.worder==details_tp){
                                	   details_tps.splice(i,1);
                                       //重新赋值
                                       this.details_tps=details_tps;
                                       break;
                                   }
                               }
                           }else{
                               alert("转换失败")
                           }
                       })
                   },
                   last_one : function(){
                	   //alert(ttindex);
                       ttindex=ttindex-1;
                       if(ttindex>=0){
                    	   this.details=this.warehousings[ttindex];
                       }else{
                    	   alert("这是第一条了");
                       }
                       
                       //console.info(this.detailss);
                     },
                     next_one: function(){
                       ttindex=ttindex+1;
                       if(ttindex<=this.warehousings.length-1){
                    	   this.details=this.warehousings[ttindex];
                       }else{
                    	   alert("这是最后一条了");
                       }
                       
                       //console.info(this.detailss);
                     },
                     last_one_ck : function(){
                         //alert(ttindex);
                         ttindex=ttindex-1;
                         if(ttindex>=0){
                             this.details_ck=this.outbounds[ttindex];
                         }else{
                        	 alert("这是第一条了");
                         }
                         //console.info(this.detailss);
                       },
                       next_one_ck: function(){
                         ttindex=ttindex+1;
                         if(ttindex<=this.outbounds.length-1){
                        	 this.details_ck=this.outbounds[ttindex];
                         }else{
                        	 alert("这是最后一条了");
                         }
                         
                         //console.info(this.detailss);
                       },
                       last_one_db : function(){
                           //alert(ttindex);
                           ttindex=ttindex-1;
                           if(ttindex>=0){
                               this.details_db=this.allocations[ttindex];
                           }else{
                               alert("这是第一条了");
                           }
                           //console.info(this.detailss);
                         },
                         next_one_db: function(){
                           ttindex=ttindex+1;
                           if(ttindex<=this.allocations.length-1){
                               this.details_db=this.allocations[ttindex];
                           }else{
                               alert("最后第一条了");
                           }
                           
                           //console.info(this.detailss);
                         },
                       delete_rk:function(delete_rk){
                           axios.get('warehousing/delete',{
                               params: { 
                                   worder:delete_rk
                                }
                           })
                           .then(res =>{
                               console.info(res.data);
                               if(res.data=="success"){
                                   alert("删除成功");
                               var warehousings=this.warehousings;
                               for(var i=0;i<warehousings.length;i++){
                                   var b=warehousings[i];
                                   if(b.worder==delete_rk){
                                	   warehousings.splice(i,1);
                                       //重新赋值
                                       this.warehousings=warehousings;
                                       break;
                                   }
                               }
                               }else{
                                   alert("删除失败")
                               }
                               
                           })
                        },
                        delete_ck:function(delete_ck){
                            axios.get('outbound/delete',{
                                params: { 
                                    oborder:delete_ck
                                 }
                            })
                            .then(res =>{
                                console.info(res.data);
                                if(res.data=="success"){
                                    alert("删除成功");
                                var outbounds=this.outbounds;
                                for(var i=0;i<outbounds.length;i++){
                                    var b=outbounds[i];
                                    if(b.oborder==delete_ck){
                                    	outbounds.splice(i,1);
                                        //重新赋值
                                        this.outbounds=outbounds;
                                        break;
                                    }
                                }
                                }else{
                                    alert("删除失败")
                                }
                                
                            })
                         },
                         delete_db:function(delete_db){
                             axios.get('allocation/delete',{
                                 params: { 
                                     aorder:delete_db
                                  }
                             })
                             .then(res =>{
                                 console.info(res.data);
                                 if(res.data=="success"){
                                     alert("删除成功");
                                 var allocations=this.allocations;
                                 for(var i=0;i<allocations.length;i++){
                                     var b=allocations[i];
                                     if(b.aorder==delete_db){
                                    	 allocations.splice(i,1);
                                         //重新赋值
                                         this.allocations=allocations;
                                         break;
                                     }
                                 }
                                 }else{
                                     alert("删除失败")
                                 }
                                 
                             })
                          }
                         
                 
        }
        
           });
            
        </script>
    <script>
    var $exportLink = document.getElementById('export_rk');
    $exportLink.addEventListener('click', function(e){
        e.preventDefault();
        if(e.target.nodeName === "A"){
            tableExport('example1', '入库管理', e.target.getAttribute('data-type'));
        }
    }, false);
    </script>
    <script>
    var $exportLink = document.getElementById('export_ck');
    $exportLink.addEventListener('click', function(e){
        e.preventDefault();
        if(e.target.nodeName === "A"){
            tableExport('example2', '出库管理', e.target.getAttribute('data-type'));
        }
    }, false);
    </script>
    <script>
    var $exportLink = document.getElementById('export_db');
    $exportLink.addEventListener('click', function(e){
        e.preventDefault();
        if(e.target.nodeName === "A"){
            tableExport('example4', '调拨管理', e.target.getAttribute('data-type'));
        }
    }, false);
    </script>
  </body>
</html>
